Fix npm start for react examples

Author: vladimir-tikhonov-nutrient

examples/react/package.json

@@ -30,7 +30,7 @@
   "scripts": {
     "verify-installation": "node scripts/verify-install.js && node scripts/copy-nutrient-files.js",
     "prestart": "npm run verify-installation",
-    "start": "react-scripts start",
+    "start": "node scripts/start.js",
     "prebuild": "npm run verify-installation",
     "build": "react-scripts build",
     "test": "react-scripts test",

examples/react/scripts/start.js

@@ -0,0 +1,89 @@
+#!/usr/bin/env node
+
+function getWebpackDevServerMajorVersion() {
+  try {
+    const pkgJson = require("webpack-dev-server/package.json");
+    if (!pkgJson || typeof pkgJson.version !== "string") {
+      return null;
+    }
+    const major = parseInt(pkgJson.version.split(".")[0], 10);
+    return Number.isNaN(major) ? null : major;
+  } catch (error) {
+    return null;
+  }
+}
+
+function patchWebpackDevServerConfig() {
+  const major = getWebpackDevServerMajorVersion();
+  if (major === null || major < 5) {
+    return;
+  }
+
+  const configPath = require.resolve(
+    "react-scripts/config/webpackDevServer.config"
+  );
+  const originalFactory = require(configPath);
+
+  const patchedFactory = (proxy, allowedHost) => {
+    const config = originalFactory(proxy, allowedHost);
+
+    if (Object.prototype.hasOwnProperty.call(config, "https")) {
+      const httpsOption = config.https;
+      if (httpsOption) {
+        if (typeof httpsOption === "object") {
+          config.server = { type: "https", options: httpsOption };
+        } else {
+          config.server = "https";
+        }
+      }
+      delete config.https;
+    }
+
+    const onBefore = config.onBeforeSetupMiddleware;
+    const onAfter = config.onAfterSetupMiddleware;
+    const existingSetup =
+      typeof config.setupMiddlewares === "function"
+        ? config.setupMiddlewares
+        : null;
+
+    if (typeof onBefore !== "function" && typeof onAfter !== "function") {
+      return config;
+    }
+
+    delete config.onBeforeSetupMiddleware;
+    delete config.onAfterSetupMiddleware;
+
+    config.setupMiddlewares = (middlewares, devServer) => {
+      let resolvedMiddlewares = middlewares;
+
+      if (typeof existingSetup === "function") {
+        const result = existingSetup(middlewares, devServer);
+        if (Array.isArray(result)) {
+          resolvedMiddlewares = result;
+        }
+      }
+
+      if (!devServer) {
+        return resolvedMiddlewares;
+      }
+
+      if (typeof onBefore === "function") {
+        onBefore(devServer);
+      }
+
+      if (typeof onAfter === "function") {
+        onAfter(devServer);
+      }
+
+      return resolvedMiddlewares;
+    };
+
+    return config;
+  };
+
+  require.cache[configPath].exports = patchedFactory;
+}
+
+patchWebpackDevServerConfig();
+
+require("react-scripts/scripts/start");