mirror of https://github.com/ghostfolio/ghostfolio
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
495 lines
19 KiB
495 lines
19 KiB
/**
|
|
* 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 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 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)"));
|
|
}
|
|
});
|
|
}
|
|
};
|
|
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('=');
|
|
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;
|
|
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`
|
|
}
|
|
if (scriptSourceURL) {
|
|
result = scriptSourceURL;
|
|
result['fromCurrentScript'] = 'true';
|
|
}
|
|
}
|
|
return result;
|
|
};
|
|
var status = {
|
|
isUnloading: false,
|
|
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'); });
|
|
if (scriptElementsWithSrc.length > 0) {
|
|
var currentScript = scriptElementsWithSrc[scriptElementsWithSrc.length - 1];
|
|
return currentScript.getAttribute('src');
|
|
}
|
|
// Fail as there was no script to use.
|
|
throw new Error('[webpack-dev-server] Failed to get current script source.');
|
|
};
|
|
var parsedResourceQuery = parseURL(__resourceQuery);
|
|
var enabledFeatures = {
|
|
'Hot Module Replacement': false,
|
|
'Live Reloading': false,
|
|
Progress: false,
|
|
Overlay: false,
|
|
};
|
|
var options = {
|
|
hot: false,
|
|
liveReload: false,
|
|
progress: false,
|
|
overlay: false,
|
|
};
|
|
if (parsedResourceQuery.hot === 'true') {
|
|
options.hot = true;
|
|
enabledFeatures['Hot Module Replacement'] = true;
|
|
}
|
|
if (parsedResourceQuery['live-reload'] === 'true') {
|
|
options.liveReload = true;
|
|
enabledFeatures['Live Reloading'] = true;
|
|
}
|
|
if (parsedResourceQuery.progress === 'true') {
|
|
options.progress = true;
|
|
enabledFeatures.Progress = true;
|
|
}
|
|
if (parsedResourceQuery.overlay) {
|
|
try {
|
|
options.overlay = JSON.parse(parsedResourceQuery.overlay);
|
|
}
|
|
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);
|
|
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);
|
|
}
|
|
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);
|
|
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', ",");
|
|
}
|
|
// replace last comma with a period
|
|
logString = logString.slice(0, -1).concat('.');
|
|
log.info(logString);
|
|
};
|
|
logEnabledFeatures(enabledFeatures);
|
|
self.addEventListener('beforeunload', function () {
|
|
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;
|
|
}
|
|
function applyReload(rootWindow, intervalId) {
|
|
clearInterval(intervalId);
|
|
log.info('App updated. Reloading...');
|
|
rootWindow.location.reload();
|
|
}
|
|
var search = self.location.search.toLowerCase();
|
|
var allowToHot = search.indexOf('webpack-dev-server-hot=false') === -1;
|
|
var allowToLiveReload = search.indexOf('webpack-dev-server-live-reload=false') === -1;
|
|
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);
|
|
}
|
|
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);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
};
|
|
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, "`"));
|
|
}
|
|
return string.replace(ansiRegex, '');
|
|
};
|
|
var onSocketMessage = {
|
|
hot: function () {
|
|
if (parsedResourceQuery.hot === 'false') {
|
|
return;
|
|
}
|
|
options.hot = true;
|
|
},
|
|
liveReload: function () {
|
|
if (parsedResourceQuery['live-reload'] === 'false') {
|
|
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' });
|
|
}
|
|
sendMessage('Invalid');
|
|
},
|
|
hash: function hash(_hash) {
|
|
if (!_hash) {
|
|
return;
|
|
}
|
|
status.previousHash = status.currentHash;
|
|
status.currentHash = _hash;
|
|
},
|
|
logging: setAllLogLevel,
|
|
overlay: function (value) {
|
|
if (typeof document === 'undefined') {
|
|
return;
|
|
}
|
|
options.overlay = value;
|
|
decodeOverlayOptions(options.overlay);
|
|
},
|
|
reconnect: function (value) {
|
|
if (parsedResourceQuery.reconnect === 'false') {
|
|
return;
|
|
}
|
|
options.reconnect = value;
|
|
},
|
|
progress: function (value) {
|
|
options.progress = value;
|
|
},
|
|
'progress-update': function progressUpdate(data) {
|
|
if (options.progress) {
|
|
log.info("".concat(data.pluginName ? "[".concat(data.pluginName, "] ") : '').concat(data.percent, "% - ").concat(data.msg, "."));
|
|
}
|
|
if (isProgressSupported()) {
|
|
if (typeof options.progress === 'string') {
|
|
var progress = document.querySelector('wds-progress');
|
|
if (!progress) {
|
|
defineProgressElement();
|
|
progress = document.createElement('wds-progress');
|
|
document.body.appendChild(progress);
|
|
}
|
|
progress.setAttribute('progress', data.percent.toString());
|
|
progress.setAttribute('type', options.progress);
|
|
}
|
|
}
|
|
sendMessage('Progress', data);
|
|
},
|
|
'still-ok': function stillOk() {
|
|
log.info('Nothing changed.');
|
|
if (options.overlay) {
|
|
overlay.send({ type: 'DISMISS' });
|
|
}
|
|
sendMessage('StillOk');
|
|
},
|
|
ok: function () {
|
|
sendMessage('Ok');
|
|
if (options.overlay) {
|
|
overlay.send({ type: 'DISMISS' });
|
|
}
|
|
reloadApp(options, status);
|
|
},
|
|
'static-changed': function staticChanged(file) {
|
|
log.info("".concat(file ? "\"".concat(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));
|
|
});
|
|
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;
|
|
if (overlayWarningsSetting) {
|
|
var warningsToDisplay = typeof overlayWarningsSetting === 'function'
|
|
? warnings.filter(overlayWarningsSetting)
|
|
: warnings;
|
|
if (warningsToDisplay.length) {
|
|
overlay.send({
|
|
type: 'BUILD_ERROR',
|
|
level: 'warning',
|
|
messages: warnings,
|
|
});
|
|
}
|
|
}
|
|
if (params && params.preventReloading) {
|
|
return;
|
|
}
|
|
reloadApp(options, 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));
|
|
});
|
|
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;
|
|
if (overlayErrorsSettings) {
|
|
var errorsToDisplay = typeof overlayErrorsSettings === 'function'
|
|
? errors.filter(overlayErrorsSettings)
|
|
: errors;
|
|
if (errorsToDisplay.length) {
|
|
overlay.send({
|
|
type: 'BUILD_ERROR',
|
|
level: 'error',
|
|
messages: errors,
|
|
});
|
|
}
|
|
}
|
|
},
|
|
error: function (error) {
|
|
log.error(error);
|
|
},
|
|
close: function () {
|
|
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 || '';
|
|
if (auth) {
|
|
auth = encodeURIComponent(auth);
|
|
auth = auth.replace(/%3A/i, ':');
|
|
auth += '@';
|
|
}
|
|
var host = '';
|
|
if (objURL.hostname) {
|
|
host =
|
|
auth +
|
|
(objURL.hostname.indexOf(':') === -1
|
|
? objURL.hostname
|
|
: "[".concat(objURL.hostname, "]"));
|
|
if (objURL.port) {
|
|
host += ":".concat(objURL.port);
|
|
}
|
|
}
|
|
var 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);
|
|
});
|
|
search = search.replace('#', '%23');
|
|
return "".concat(protocol).concat(host).concat(pathname).concat(search).concat(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;
|
|
}
|
|
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
|
|
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;
|
|
}
|
|
return formatURL({
|
|
protocol: socketURLProtocol,
|
|
auth: socketURLAuth,
|
|
hostname: socketURLHostname,
|
|
port: socketURLPort,
|
|
pathname: socketURLPathname,
|
|
slashes: true,
|
|
});
|
|
};
|
|
var socketURL = createSocketURL(parsedResourceQuery);
|
|
socket(socketURL, onSocketMessage, options.reconnect);
|
|
export { getCurrentScriptSource, parseURL, createSocketURL };
|
|
|