@xarc/app-dev 11.0.9 → 11.0.10

package/lib/webpack-dev-fastify.js

@@ -2,7 +2,7 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 /* eslint-disable no-console, no-magic-numbers */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.fastifyPlugin = void 0;
+exports.fastifyPlugin = fastifyPlugin;
 const app_dev_middleware_1 = require("./app-dev-middleware");
 /**
  * webpack dev server fastify plugin
@@ -27,5 +27,4 @@ async function fastifyPlugin(server) {
         });
     }
 }
-exports.fastifyPlugin = fastifyPlugin;
 //# sourceMappingURL=webpack-dev-fastify.js.map

package/lib/webpack-dev-fastify.js.map

@@ -1 +1 @@
-{"version":3,"file":"webpack-dev-fastify.js","sourceRoot":"","sources":["../src/lib/webpack-dev-fastify.ts"],"names":[],"mappings":";AAAA,uDAAuD;AACvD,iDAAiD;;;AAEjD,6DAAwD;AAExD;;;;;GAKG;AACI,KAAK,UAAU,aAAa,CAAC,MAAW;IAC7C,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC5B,MAAM,UAAU,GAAG,IAAI,qCAAgB,EAAE,CAAC;QAE1C,UAAU,CAAC,KAAK,EAAE,CAAC;QAEnB,oDAAoD;QACpD,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAClC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACxC,IAAI,OAAO,EAAE,CAAC;gBACZ,aAAa,CAAC,UAAU,CAAC,CAAC;gBAC1B,UAAU,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;YAClD,CAAC;QACH,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;QAEf,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,EAAC,OAAO,EAAC,EAAE;YAC1C,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC;AAnBD,sCAmBC"}
+{"version":3,"file":"webpack-dev-fastify.js","sourceRoot":"","sources":["../src/lib/webpack-dev-fastify.ts"],"names":[],"mappings":";AAAA,uDAAuD;AACvD,iDAAiD;;AAUjD,sCAmBC;AA3BD,6DAAwD;AAExD;;;;;GAKG;AACI,KAAK,UAAU,aAAa,CAAC,MAAW;IAC7C,IAAI,OAAO,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QAC5B,MAAM,UAAU,GAAG,IAAI,qCAAgB,EAAE,CAAC;QAE1C,UAAU,CAAC,KAAK,EAAE,CAAC;QAEnB,oDAAoD;QACpD,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;YAClC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACxC,IAAI,OAAO,EAAE,CAAC;gBACZ,aAAa,CAAC,UAAU,CAAC,CAAC;gBAC1B,UAAU,CAAC,MAAM,CAAC,EAAE,UAAU,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;YAClD,CAAC;QACH,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,CAAC;QAEf,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,EAAC,OAAO,EAAC,EAAE;YAC1C,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;QACjD,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC"}

package/lib/webpack-dev-hapi.js

@@ -1,7 +1,8 @@
 "use strict";
 /* eslint-disable no-console, no-magic-numbers */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.hapiPlugin = exports.register = void 0;
+exports.hapiPlugin = void 0;
+exports.register = register;
 const app_dev_middleware_1 = require("./app-dev-middleware");
 /**
  * Hapi 16 and lower plugin for webpack dev
@@ -34,7 +35,6 @@ function register(server, _options, next) {
         }
     }
 }
-exports.register = register;
 const pkg = {
     name: "electrode-x-dev-hapi16",
     version: "1.0.0"

package/lib/webpack-dev-hapi.js.map

@@ -1 +1 @@
-{"version":3,"file":"webpack-dev-hapi.js","sourceRoot":"","sources":["../src/lib/webpack-dev-hapi.ts"],"names":[],"mappings":";AAAA,iDAAiD;;;AAEjD,6DAAwD;AAExD;;;;;;;;GAQG;AACH,SAAgB,QAAQ,CAAC,MAAW,EAAE,QAAa,EAAE,IAA2B;IAC9E,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,IAAI,qCAAgB,EAAE,CAAC;QAE1C,UAAU,CAAC,KAAK,EAAE,CAAC;QAEnB,MAAM,CAAC,GAAG,CAAC;YACT,IAAI,EAAE,WAAW;YACjB,MAAM,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;gBACzB,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;gBAC/C,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,CAAC;SACF,CAAC,CAAC;QACH,OAAO,IAAI,IAAI,IAAI,EAAE,CAAC;IACxB,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,MAAM,GAAG,CAAC;QACZ,CAAC;IACH,CAAC;AACH,CAAC;AArBD,4BAqBC;AAED,MAAM,GAAG,GAAG;IACV,IAAI,EAAE,wBAAwB;IAC9B,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,QAAQ,CAAC,UAAU,GAAG,EAAE,GAAG,EAAE,CAAC;AAEjB,QAAA,UAAU,GAAG;IACxB,QAAQ;CACT,CAAC"}
+{"version":3,"file":"webpack-dev-hapi.js","sourceRoot":"","sources":["../src/lib/webpack-dev-hapi.ts"],"names":[],"mappings":";AAAA,iDAAiD;;;AAajD,4BAqBC;AAhCD,6DAAwD;AAExD;;;;;;;;GAQG;AACH,SAAgB,QAAQ,CAAC,MAAW,EAAE,QAAa,EAAE,IAA2B;IAC9E,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,IAAI,qCAAgB,EAAE,CAAC;QAE1C,UAAU,CAAC,KAAK,EAAE,CAAC;QAEnB,MAAM,CAAC,GAAG,CAAC;YACT,IAAI,EAAE,WAAW;YACjB,MAAM,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;gBACzB,OAAO,CAAC,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;gBAC/C,KAAK,CAAC,QAAQ,EAAE,CAAC;YACnB,CAAC;SACF,CAAC,CAAC;QACH,OAAO,IAAI,IAAI,IAAI,EAAE,CAAC;IACxB,CAAC;IAAC,OAAO,GAAG,EAAE,CAAC;QACb,IAAI,IAAI,EAAE,CAAC;YACT,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;QACnB,CAAC;aAAM,CAAC;YACN,MAAM,GAAG,CAAC;QACZ,CAAC;IACH,CAAC;AACH,CAAC;AAED,MAAM,GAAG,GAAG;IACV,IAAI,EAAE,wBAAwB;IAC9B,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,QAAQ,CAAC,UAAU,GAAG,EAAE,GAAG,EAAE,CAAC;AAEjB,QAAA,UAAU,GAAG;IACxB,QAAQ;CACT,CAAC"}

package/lib/webpack-dev-koa.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.koaMiddleware = void 0;
+exports.koaMiddleware = koaMiddleware;
 const app_dev_middleware_1 = require("./app-dev-middleware");
 /**
  * webpack dev middleware for app using Koa
@@ -18,5 +18,4 @@ function koaMiddleware(app) {
         });
     }
 }
-exports.koaMiddleware = koaMiddleware;
 //# sourceMappingURL=webpack-dev-koa.js.map

package/lib/webpack-dev-koa.js.map

@@ -1 +1 @@
-{"version":3,"file":"webpack-dev-koa.js","sourceRoot":"","sources":["../src/lib/webpack-dev-koa.ts"],"names":[],"mappings":";;;AAAA,6DAAwD;AAExD;;;;GAIG;AACH,SAAgB,aAAa,CAAC,GAAG;IAC/B,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC;IAC3D,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,UAAU,GAAG,IAAI,qCAAgB,EAAE,CAAC;QAC1C,UAAU,CAAC,KAAK,EAAE,CAAC;QACnB,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE;YAC1B,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;YACvC,OAAO,IAAI,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC;AAVD,sCAUC"}
+{"version":3,"file":"webpack-dev-koa.js","sourceRoot":"","sources":["../src/lib/webpack-dev-koa.ts"],"names":[],"mappings":";;AAOA,sCAUC;AAjBD,6DAAwD;AAExD;;;;GAIG;AACH,SAAgB,aAAa,CAAC,GAAG;IAC/B,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,CAAC;IAC3D,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,MAAM,UAAU,GAAG,IAAI,qCAAgB,EAAE,CAAC;QAC1C,UAAU,CAAC,KAAK,EAAE,CAAC;QACnB,GAAG,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE;YAC1B,GAAG,CAAC,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC;YACvC,OAAO,IAAI,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;IACL,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xarc/app-dev",
-	"version": "11.0.9",
+	"version": "11.0.10",
 	"description": "Electrode X application development support",
 	"main": "lib/index.js",
 	"homepage": "http://www.electrode.io",
@@ -28,14 +28,14 @@
 		"Joel Chen <xchen@walmartlabs.com>"
 	],
 	"peerDependencies": {
-		"@xarc/app": "^11.0.9"
+		"@xarc/app": "^11.0.10"
 	},
 	"dependencies": {
 		"@babel/cli": "^7.17.10",
 		"@babel/core": "^7.17.12",
-		"@babel/plugin-proposal-class-properties": "^7.17.12",
+		"@babel/plugin-transform-class-properties": "^7.24.1",
 		"@babel/plugin-proposal-decorators": "^7.17.12",
-		"@babel/plugin-proposal-object-rest-spread": "^7.17.12",
+		"@babel/plugin-transform-object-rest-spread": "^7.24.7",
 		"@babel/plugin-transform-react-constant-elements": "^7.17.12",
 		"@babel/plugin-transform-react-inline-elements": "^7.16.7",
 		"@babel/plugin-transform-runtime": "^7.17.12",
@@ -44,10 +44,10 @@
 		"@babel/preset-typescript": "^7.17.12",
 		"@babel/register": "^7.17.7",
 		"@jchip/redbird": "^1.3.0",
-		"@xarc/dev-base": "^0.1.2",
+		"@xarc/dev-base": "^0.1.3",
 		"@xarc/run": "^1.0.5",
-		"@xarc/subapp": "^0.4.1",
-		"@xarc/webpack": "^11.2.6",
+		"@xarc/subapp": "^0.4.2",
+		"@xarc/webpack": "^11.2.7",
 		"ansi-to-html": "^0.7.2",
 		"babel-plugin-lodash": "^3.3.4",
 		"babel-plugin-minify-dead-code-elimination": "^0.5.2",
@@ -62,7 +62,7 @@
 		"fast-async": "^7.0.5",
 		"filter-scan-dir": "1.5.5",
 		"fs-extra": "^10.1.0",
-		"glob": "^8.0.3",
+		"glob": "^9.0.0",
 		"identity-obj-proxy": "^3.0.0",
 		"is-ci": "^2.0.0",
 		"lodash": "^4.17.21",
@@ -78,7 +78,6 @@
 		"ps-get": "^1.1.0",
 		"read-pkg-up": "^7.0.1",
 		"regenerator-runtime": "^0.13.9",
-		"request": "^2.88.2",
 		"require-at": "^1.0.6",
 		"semver": "^7.3.7",
 		"serve-index-fs": "^1.10.1",
@@ -97,16 +96,17 @@
 		"@istanbuljs/nyc-config-typescript": "^1.0.2",
 		"@types/chai": "^4.3.1",
 		"@types/mocha": "^10.0.1",
-		"@types/node": "^14.14.16",
+		"@types/node": "^20.14.10",
 		"@types/sinon": "^9.0.10",
 		"@types/sinon-chai": "^3.2.8",
 		"@types/webpack": "5.28.0",
 		"@typescript-eslint/eslint-plugin": "^5.0.0",
 		"@typescript-eslint/parser": "^5.0.0",
-		"@xarc/app": "^11.0.9",
+		"@xarc/app": "^11.0.10",
 		"@xarc/module-dev": "^4.1.0",
 		"@xarc/run": "^1.1.1",
-		"babel-eslint": "^10.1.0",
+		"@babel/eslint-parser": "^7.25.1",
+		"@babel/core": "^7.11.0",
 		"chai": "^4.3.6",
 		"electrode-server": "^3.3.0",
 		"electrode-server1": "npm:electrode-server@^1.0.0",

package/scripts/l10n/flatten-messages.js

@@ -6,7 +6,7 @@
 const _ = require("lodash");
 const Util = require("util");
 const Fs = require("fs-extra");
-const getFilePaths = Util.promisify(require("glob"));
+const { glob: getFilePaths } = Util.promisify(require("glob"));
 const MESSAGES_PATTERN = "./tmp/messages/**/*.json";
 const RAW_MESSAGES_DIR = "./dist/";
 const RAW_MESSAGES_NAME = "raw-messages.json";
@@ -39,7 +39,10 @@ function readFileAsJSON(filePath) {
  *                     from all files
  */
 async function getAllDefaultMessages(messageFilesPathPattern) {
-  const fileJsons = await xaa.map(await getFilePaths(messageFilesPathPattern), readFileAsJSON);
+  const fileJsons = await xaa.map(
+    await getFilePaths(messageFilesPathPattern),
+    readFileAsJSON
+  );
   return fileJsons.reduce((previousValue, defaultMessageDescriptors) => {
     defaultMessageDescriptors.forEach((descriptor) => {
       previousValue[descriptor.id] = descriptor;
@@ -48,12 +51,19 @@ async function getAllDefaultMessages(messageFilesPathPattern) {
   }, {});
 }
 
-const writeRawMessages = _.partial(writeFileAsJSON, RAW_MESSAGES_DIR, RAW_MESSAGES_NAME);
+const writeRawMessages = _.partial(
+  writeFileAsJSON,
+  RAW_MESSAGES_DIR,
+  RAW_MESSAGES_NAME
+);
 
 const isMain = require.main === module;
 
 function flattenMessagesL10n() {
-  return Promise.all([getAllDefaultMessages(MESSAGES_PATTERN), Fs.ensureDir(RAW_MESSAGES_DIR)])
+  return Promise.all([
+    getAllDefaultMessages(MESSAGES_PATTERN),
+    Fs.ensureDir(RAW_MESSAGES_DIR),
+  ])
     .then(_.first)
     .then(writeRawMessages)
     .then(() => {

package/src/config/babel/babelrc-client.ts

@@ -37,7 +37,7 @@ const basePlugins = [
     },
   ],
   // allow decorators on class and method
-  // Note: This must go before @babel/plugin-proposal-class-properties
+  // Note: This must go before @babel/plugin-proposal-transform-properties
   (enableTypeScript || proposalDecorators) && [
     "@babel/plugin-proposal-decorators",
     { legacy: legacyDecorators, ...proposalDecorators },
@@ -48,7 +48,7 @@ const basePlugins = [
   // Note: This must go before @babel/plugin-transform-classes
   //
   (enableTypeScript || transformClassProps) && [
-    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-proposal-transform-properties",
     { loose: looseClassProps, ...transformClassProps },
   ],
   //
@@ -102,7 +102,9 @@ const plugins = basePlugins.concat(
       "babel-plugin-react-css-modules",
       {
         context: "./src",
-        generateScopedName: `${isProduction ? "" : "[name]__[local]___"}[hash:base64:5]`,
+        generateScopedName: `${
+          isProduction ? "" : "[name]__[local]___"
+        }[hash:base64:5]`,
         filetypes: {
           ".scss": {
             syntax: "postcss-scss",
@@ -119,13 +121,18 @@ const plugins = basePlugins.concat(
     ],
   ],
   enableKarmaCov && [
-    getPluginFrom(["@xarc/opt-karma", "electrode-archetype-opt-karma"], "babel-plugin-istanbul"),
+    getPluginFrom(
+      ["@xarc/opt-karma", "electrode-archetype-opt-karma"],
+      "babel-plugin-istanbul"
+    ),
   ]
 );
 
 const targets = envTargets[babelTarget];
 const coreJsVersion = require("core-js/package.json").version.split(".")[0];
-const useBuiltIns = hasMultiTargets ? { useBuiltIns: "entry", corejs: coreJsVersion } : {};
+const useBuiltIns = hasMultiTargets
+  ? { useBuiltIns: "entry", corejs: coreJsVersion }
+  : {};
 
 const presets = [
   //

package/src/config/babel/babelrc-server.ts

@@ -11,7 +11,7 @@ const {
   enableFlow,
   transformClassProps,
   looseClassProps,
-  envTargets = {}
+  envTargets = {},
 } = _.get(xOptions, "babel", {});
 
 const addFlowPlugin = Boolean(enableFlow && optFlow);
@@ -23,21 +23,21 @@ export = {
     [
       "@babel/preset-env",
       {
-        targets: node
-      }
+        targets: node,
+      },
     ],
     enableTypeScript && "@babel/preset-typescript",
-    "@babel/preset-react"
-  ].filter(x => x),
+    "@babel/preset-react",
+  ].filter((x) => x),
   plugins: [
     addFlowPlugin && [
       "@babel/plugin-transform-flow-strip-types",
-      { requireDirective: flowRequireDirective }
+      { requireDirective: flowRequireDirective },
     ],
     (enableTypeScript || transformClassProps) && [
-      "@babel/plugin-proposal-class-properties",
-      { loose: looseClassProps }
+      "@babel/plugin-transform-class-properties",
+      { loose: looseClassProps },
     ],
-    enableTypeScript && "@babel/proposal-object-rest-spread"
-  ].filter(x => x)
+    enableTypeScript && "@babel/proposal-object-rest-spread",
+  ].filter((x) => x),
 };

package/src/config/babel/babelrc.ts

@@ -33,7 +33,8 @@ const {
 
 const addFlowPlugin = Boolean(enableFlow && optFlow);
 
-const { BABEL_ENV, NODE_ENV, XARC_BABEL_TARGET, ENABLE_KARMA_COV } = process.env;
+const { BABEL_ENV, NODE_ENV, XARC_BABEL_TARGET, ENABLE_KARMA_COV } =
+  process.env;
 
 const enableCssModule = detectCSSModule(xOptions);
 const enableKarmaCov = ENABLE_KARMA_COV === "true";
@@ -68,7 +69,9 @@ const getReactCssModulePlugin = (): any => {
       "babel-plugin-react-css-modules",
       {
         context: "./src",
-        generateScopedName: `${enableShortHash ? "" : "[name]__[local]___"}[hash:base64:5]`,
+        generateScopedName: `${
+          enableShortHash ? "" : "[name]__[local]___"
+        }[hash:base64:5]`,
         filetypes: {
           ".scss": {
             syntax: "postcss-scss",
@@ -101,7 +104,7 @@ const basePlugins = [
     },
   ],
   // allow decorators on class and method
-  // Note: This must go before @babel/plugin-proposal-class-properties
+  // Note: This must go before @babel/plugin-transform-class-properties
   (enableTypeScript || proposalDecorators) && [
     "@babel/plugin-proposal-decorators",
     { legacy: legacyDecorators, ...proposalDecorators },
@@ -112,7 +115,7 @@ const basePlugins = [
   // Note: This must go before @babel/plugin-transform-classes
   //
   (enableTypeScript || transformClassProps) && [
-    "@babel/plugin-proposal-class-properties",
+    "@babel/plugin-transform-class-properties",
     { loose: looseClassProps, ...transformClassProps },
   ],
   //
@@ -159,7 +162,10 @@ const plugins = basePlugins.concat(
   getReactCssModulePlugin(),
   !isNodeTarget &&
     enableKarmaCov && [
-      getPluginFrom(["@xarc/opt-karma", "electrode-archetype-opt-karma"], "babel-plugin-istanbul"),
+      getPluginFrom(
+        ["@xarc/opt-karma", "electrode-archetype-opt-karma"],
+        "babel-plugin-istanbul"
+      ),
     ]
 );
 
@@ -167,9 +173,13 @@ const target = isNodeTarget ? "node" : babelTarget;
 
 const targets = envTargets[target];
 if (!isJest) {
-  const srcMsg = _.isEmpty(targets) ? " (will read from '.browserslistrc')" : "";
+  const srcMsg = _.isEmpty(targets)
+    ? " (will read from '.browserslistrc')"
+    : "";
   console.log(
-    ck`<orange>Babel preset-env compile targets: </><cyan>${JSON.stringify(targets)}</>${srcMsg}`
+    ck`<orange>Babel preset-env compile targets: </><cyan>${JSON.stringify(
+      targets
+    )}</>${srcMsg}`
   );
 }
 

package/src/config/opt2/babel-options.ts

@@ -48,7 +48,7 @@ export type BabelOptions = {
   // DEPRECATE: legacyDecorators?: boolean;
 
   /**
-   * Add `@babel/plugin-proposal-class-properties` for class properties support
+   * Add `@babel/plugin-transform-class-properties` for class properties support
    * - **Default: `false`**
    * - if not set, then we check env `BABEL_CLASS_PROPS`
    *

package/src/lib/app-dev-middleware.ts

@@ -99,7 +99,7 @@ export class AppDevMiddleware {
   }
 
   setup({ serverPort = undefined } = {}) {
-    process.on("message", data => {
+    process.on("message", (data: any) => {
       switch (data.name) {
         case WEBPACK_EVENT_REPORT:
           this.handleWebpackReport(data);

package/src/lib/dev-admin/redbird-spawn.ts

@@ -2,7 +2,6 @@
 /* eslint-disable no-magic-numbers, no-process-exit, global-require, no-console, max-statements */
 
 import sudoPrompt from "sudo-prompt";
-import request from "request";
 import http from "http";
 import Util from "util";
 import { formUrl } from "../utils";
@@ -37,9 +36,11 @@ const isProxyRunning = async () => {
     port: httpPort,
     path: controlPaths.status,
   });
-
   try {
-    await Util.promisify(request)(statusUrl);
+    const response = await fetch(statusUrl);
+    if (!response.ok) {
+      throw new Error("Failed to fetch status");
+    }
     return true;
   } catch {
     return false;
@@ -58,22 +59,19 @@ const handleRestart = (type) => {
         .map((k) => `${k}=${options[k]}`)
         .join("&"),
     });
-    request(restartUrl, (err, _res, body) => {
-      if (err) {
-        console.error(
-          "Restarting failed, body:",
-          body,
-          "Error",
-          err,
-          "\nrestart URL",
-          restartUrl
-        );
-      }
+
+    fetch(restartUrl).catch((err) => {
+      console.error(
+        "Restarting failed. Error:",
+        err,
+        "\nrestart URL",
+        restartUrl
+      );
     });
   };
 
   process.on("SIGHUP", restart);
-  process.on("message", (data) => {
+  process.on("message", (data: any) => {
     if (data.name === "restart") {
       restart(_.omit(data, "name"));
     } else if (data.name === "update-ports") {
@@ -123,10 +121,18 @@ async function mainSpawn() {
 
     const handleElevatedProxy = () => {
       process.on("SIGINT", () => {
-        request(exitUrl, () => {
-          console.log("Elevated Electrode dev proxy terminating");
-          process.nextTick(() => process.exit(0));
-        });
+        fetch(exitUrl)
+          .then(() => {
+            console.log("Elevated Electrode dev proxy terminating");
+            process.nextTick(() => process.exit(0));
+          })
+          .catch((err) => {
+            console.error(
+              "Failed to terminate Elevated Electrode dev proxy. Error:",
+              err
+            );
+            process.nextTick(() => process.exit(1));
+          });
       });
     };