@elliemae/pui-cli 9.0.0-next.25 → 9.0.0-next.27

package/dist/cjs/server/csp.js

@@ -41,6 +41,7 @@ const CSP_REPORT_URI = "/diagnostics/v1/csp";
 const sources = [
   "'self'",
   "http://localhost:*",
+  "ws://localhost:*",
   "*.elliemae.io",
   "*.elliemae.com",
   "*.elliservices.com",

package/dist/cjs/server/index.js

@@ -26,6 +26,7 @@ var import_logger = require("./logger.js");
 var import_middlewares = require("./middlewares.js");
 var import_utils = require("./utils.js");
 var import_appRoutes = require("./appRoutes.js");
+var import_wsServer = require("./wsServer.js");
 (async function startServer() {
   const app = (0, import_express.default)();
   (0, import_middlewares.setupDefaultMiddlewares)(app);
@@ -37,4 +38,8 @@ var import_appRoutes = require("./appRoutes.js");
     import_logger.logger.error(err);
     process.exit(1);
   });
+  const { wsServer } = await (0, import_wsServer.createWSServer)({
+    port: import_utils.wsPort
+  });
+  app.locals.wsServer = wsServer;
 })();

package/dist/cjs/server/utils.js

@@ -30,14 +30,21 @@ var utils_exports = {};
 __export(utils_exports, {
   getCWD: () => getCWD,
   host: () => host,
-  port: () => port
+  port: () => port,
+  wsPort: () => wsPort
 });
 module.exports = __toCommonJS(utils_exports);
 var import_minimist = __toESM(require("minimist"), 1);
-const argv = (0, import_minimist.default)(process.argv.slice(2));
+const argv = (0, import_minimist.default)(
+  process.argv.slice(2)
+);
 const getCWD = () => process.cwd();
 const port = parseInt(
   argv.port ?? process.env.port ?? process.env.PORT ?? "3000",
   10
 );
 const host = argv.host ?? process.env.HOST ?? "localhost";
+const wsPort = parseInt(
+  argv.wsport ?? process.env.wsport ?? process.env.WSPORT ?? "5000",
+  10
+);

package/dist/cjs/server/wsServer.js

@@ -0,0 +1,129 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var wsServer_exports = {};
+__export(wsServer_exports, {
+  createWSServer: () => createWSServer
+});
+module.exports = __toCommonJS(wsServer_exports);
+var import_node_http = __toESM(require("node:http"), 1);
+var wsLib = __toESM(require("ws"), 1);
+const PING_INTERVAL = 3e4;
+const DEFAULT_PORT = 5001;
+const onSocketError = (err) => {
+  console.error(err);
+};
+const authenticate = (token, cb) => {
+  if (!token)
+    cb(4401);
+  else
+    cb();
+};
+const getAuthToken = (protocols) => {
+  const authProtocol = protocols.find(
+    (protocol) => protocol.startsWith("auth--")
+  );
+  if (!authProtocol)
+    return "";
+  return authProtocol.split("--")[1]?.trim?.();
+};
+const createWSServer = ({
+  port = DEFAULT_PORT,
+  pingInterval = PING_INTERVAL,
+  onOpen
+}) => {
+  let isAlive = false;
+  const heartbeat = () => {
+    isAlive = true;
+  };
+  const httpServer = import_node_http.default.createServer();
+  const wsServer = new wsLib.WebSocketServer({ noServer: true });
+  httpServer.on("upgrade", (req, socket, head) => {
+    socket.on("error", onSocketError);
+    wsServer.handleUpgrade(req, socket, head, (ws) => {
+      const protocols = req.headers["sec-websocket-protocol"]?.split(",");
+      if (!protocols) {
+        console.error("no protocols");
+        ws.close(4401, "unauthorized");
+        socket.destroy();
+        socket.removeListener("error", onSocketError);
+        return;
+      }
+      authenticate(getAuthToken(protocols) || "", (errCode) => {
+        if (errCode) {
+          switch (errCode) {
+            case 4401:
+              ws.close(errCode, "unauthorized");
+              break;
+            default:
+              ws.close(4400, "Unknown error");
+              break;
+          }
+          socket.destroy();
+          socket.removeListener("error", onSocketError);
+        } else {
+          socket.removeListener("error", onSocketError);
+          wsServer.emit("connection", ws, req);
+        }
+      });
+    });
+  });
+  wsServer.on("connection", (ws) => {
+    isAlive = true;
+    ws.on("error", console.error);
+    ws.on("pong", () => {
+      heartbeat();
+    });
+    ws.on("message", (message) => {
+      console.log(
+        "message from client:",
+        JSON.parse(message)
+      );
+      ws.send(JSON.stringify(JSON.parse(message)));
+    });
+    console.log("client connected");
+    onOpen?.(ws);
+  });
+  const interval = setInterval(() => {
+    wsServer.clients.forEach((ws) => {
+      if (isAlive === false)
+        ws.terminate();
+      isAlive = false;
+      ws.ping();
+    });
+  }, pingInterval);
+  wsServer.on("close", function close() {
+    clearInterval(interval);
+  });
+  return new Promise((resolve) => {
+    httpServer.listen(port, () => {
+      console.log(`Websocket server listening on port ${port}`);
+      return resolve({ httpServer, wsServer });
+    });
+  });
+};

package/dist/cjs/webpack/webpack.dev.babel.js

@@ -43,6 +43,8 @@ var import_middlewares = require("../server/middlewares.js");
 var import_appRoutes = require("../server/appRoutes.js");
 var import_helpers = require("./helpers.js");
 var import_webpack_base_babel = require("./webpack.base.babel.js");
+var import_utils = require("../server/utils.js");
+var import_wsServer = require("../server/wsServer.js");
 const import_meta = {};
 const __filename = (0, import_node_url.fileURLToPath)(import_meta.url);
 const {
@@ -161,6 +163,14 @@ const devConfig = {
           }
           next();
         });
+        (0, import_wsServer.createWSServer)({
+          port: import_utils.wsPort
+        }).then(({ wsServer }) => {
+          if (devServer.app)
+            devServer.app.locals.wsServer = wsServer;
+        }).catch((err) => {
+          console.error(err);
+        });
       }
       return middlewares;
     }

package/dist/esm/server/csp.js

@@ -7,6 +7,7 @@ const CSP_REPORT_URI = "/diagnostics/v1/csp";
 const sources = [
   "'self'",
   "http://localhost:*",
+  "ws://localhost:*",
   "*.elliemae.io",
   "*.elliemae.com",
   "*.elliservices.com",

package/dist/esm/server/index.js

@@ -4,8 +4,9 @@ import {
   setupDefaultMiddlewares,
   setupAdditionalMiddlewars
 } from "./middlewares.js";
-import { port, host } from "./utils.js";
+import { port, wsPort, host } from "./utils.js";
 import { loadRoutes } from "./appRoutes.js";
+import { createWSServer } from "./wsServer.js";
 (async function startServer() {
   const app = express();
   setupDefaultMiddlewares(app);
@@ -17,4 +18,8 @@ import { loadRoutes } from "./appRoutes.js";
     logger.error(err);
     process.exit(1);
   });
+  const { wsServer } = await createWSServer({
+    port: wsPort
+  });
+  app.locals.wsServer = wsServer;
 })();

package/dist/esm/server/utils.js

@@ -1,13 +1,20 @@
 import minimist from "minimist";
-const argv = minimist(process.argv.slice(2));
+const argv = minimist(
+  process.argv.slice(2)
+);
 const getCWD = () => process.cwd();
 const port = parseInt(
   argv.port ?? process.env.port ?? process.env.PORT ?? "3000",
   10
 );
 const host = argv.host ?? process.env.HOST ?? "localhost";
+const wsPort = parseInt(
+  argv.wsport ?? process.env.wsport ?? process.env.WSPORT ?? "5000",
+  10
+);
 export {
   getCWD,
   host,
-  port
+  port,
+  wsPort
 };

package/dist/esm/server/wsServer.js

@@ -0,0 +1,99 @@
+import http from "node:http";
+import * as wsLib from "ws";
+const PING_INTERVAL = 3e4;
+const DEFAULT_PORT = 5001;
+const onSocketError = (err) => {
+  console.error(err);
+};
+const authenticate = (token, cb) => {
+  if (!token)
+    cb(4401);
+  else
+    cb();
+};
+const getAuthToken = (protocols) => {
+  const authProtocol = protocols.find(
+    (protocol) => protocol.startsWith("auth--")
+  );
+  if (!authProtocol)
+    return "";
+  return authProtocol.split("--")[1]?.trim?.();
+};
+const createWSServer = ({
+  port = DEFAULT_PORT,
+  pingInterval = PING_INTERVAL,
+  onOpen
+}) => {
+  let isAlive = false;
+  const heartbeat = () => {
+    isAlive = true;
+  };
+  const httpServer = http.createServer();
+  const wsServer = new wsLib.WebSocketServer({ noServer: true });
+  httpServer.on("upgrade", (req, socket, head) => {
+    socket.on("error", onSocketError);
+    wsServer.handleUpgrade(req, socket, head, (ws) => {
+      const protocols = req.headers["sec-websocket-protocol"]?.split(",");
+      if (!protocols) {
+        console.error("no protocols");
+        ws.close(4401, "unauthorized");
+        socket.destroy();
+        socket.removeListener("error", onSocketError);
+        return;
+      }
+      authenticate(getAuthToken(protocols) || "", (errCode) => {
+        if (errCode) {
+          switch (errCode) {
+            case 4401:
+              ws.close(errCode, "unauthorized");
+              break;
+            default:
+              ws.close(4400, "Unknown error");
+              break;
+          }
+          socket.destroy();
+          socket.removeListener("error", onSocketError);
+        } else {
+          socket.removeListener("error", onSocketError);
+          wsServer.emit("connection", ws, req);
+        }
+      });
+    });
+  });
+  wsServer.on("connection", (ws) => {
+    isAlive = true;
+    ws.on("error", console.error);
+    ws.on("pong", () => {
+      heartbeat();
+    });
+    ws.on("message", (message) => {
+      console.log(
+        "message from client:",
+        JSON.parse(message)
+      );
+      ws.send(JSON.stringify(JSON.parse(message)));
+    });
+    console.log("client connected");
+    onOpen?.(ws);
+  });
+  const interval = setInterval(() => {
+    wsServer.clients.forEach((ws) => {
+      if (isAlive === false)
+        ws.terminate();
+      isAlive = false;
+      ws.ping();
+    });
+  }, pingInterval);
+  wsServer.on("close", function close() {
+    clearInterval(interval);
+  });
+  return new Promise((resolve) => {
+    httpServer.listen(port, () => {
+      console.log(`Websocket server listening on port ${port}`);
+      return resolve({ httpServer, wsServer });
+    });
+  });
+};
+export {
+  createWSServer
+};

package/dist/esm/webpack/webpack.dev.babel.js

@@ -14,6 +14,8 @@ import {
   isGoogleTagManagerEnabled
 } from "./helpers.js";
 import { baseConfig } from "./webpack.base.babel.js";
+import { wsPort } from "../server/utils.js";
+import { createWSServer } from "../server/wsServer.js";
 const __filename = fileURLToPath(import.meta.url);
 const {
   appVersion,
@@ -131,6 +133,14 @@ const devConfig = {
           }
           next();
         });
+        createWSServer({
+          port: wsPort
+        }).then(({ wsServer }) => {
+          if (devServer.app)
+            devServer.app.locals.wsServer = wsServer;
+        }).catch((err) => {
+          console.error(err);
+        });
       }
       return middlewares;
     }

package/dist/types/server/utils.d.ts

@@ -1,3 +1,4 @@
 export declare const getCWD: () => string;
 export declare const port: number;
 export declare const host: string;
+export declare const wsPort: number;

package/dist/types/server/wsServer.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="node" />
+import http from 'node:http';
+import * as wsLib from 'ws';
+export interface Servers {
+    httpServer: http.Server;
+    wsServer: wsLib.WebSocketServer;
+}
+export interface WSServerOptions {
+    port?: number;
+    pingInterval?: number;
+    onOpen?: (webSocket: wsLib.WebSocket) => void;
+}
+export declare const createWSServer: ({ port, pingInterval, onOpen, }: WSServerOptions) => Promise<Servers>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "9.0.0-next.25",
+  "version": "9.0.0-next.27",
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
   "type": "module",
@@ -101,56 +101,56 @@
     "@commitlint/config-conventional": "~18.1.0",
     "@elliemae/browserslist-config-elliemae-latest-browsers": "~1.8.0",
     "@faker-js/faker": "8.2.0",
-    "@nx/workspace": "17.0.2",
+    "@nx/workspace": "17.0.3",
     "@pmmmwh/react-refresh-webpack-plugin": "~0.5.11",
     "@semantic-release/changelog": "~6.0.3",
     "@semantic-release/exec": "~6.0.3",
     "@semantic-release/git": "~10.0.1",
-    "@storybook/addon-a11y": "~7.5.1",
-    "@storybook/addon-essentials": "~7.5.1",
+    "@storybook/addon-a11y": "~7.5.3",
+    "@storybook/addon-essentials": "~7.5.3",
     "@storybook/addon-events": "~6.2.9",
-    "@storybook/addon-interactions": "~7.5.1",
-    "@storybook/addon-links": "~7.5.1",
-    "@storybook/addon-storysource": "~7.5.1",
-    "@storybook/blocks": "~7.5.1",
-    "@storybook/builder-vite": "~7.5.1",
-    "@storybook/builder-webpack5": "~7.5.1",
+    "@storybook/addon-interactions": "~7.5.3",
+    "@storybook/addon-links": "~7.5.3",
+    "@storybook/addon-storysource": "~7.5.3",
+    "@storybook/blocks": "~7.5.3",
+    "@storybook/builder-vite": "~7.5.3",
+    "@storybook/builder-webpack5": "~7.5.3",
     "@storybook/jest": "~0.2.3",
     "@storybook/manager-webpack5": "~6.5.16",
-    "@storybook/react": "~7.5.1",
-    "@storybook/react-vite": "~7.5.1",
-    "@storybook/react-webpack5": "~7.5.1",
+    "@storybook/react": "~7.5.3",
+    "@storybook/react-vite": "~7.5.3",
+    "@storybook/react-webpack5": "~7.5.3",
     "@storybook/testing-library": "~0.2.2",
-    "@storybook/theming": "~7.5.1",
+    "@storybook/theming": "~7.5.3",
     "@stylelint/postcss-css-in-js": "~0.38.0",
     "@svgr/webpack": "~8.1.0",
     "@swc/cli": "~0.1.62",
-    "@swc/core": "~1.3.95",
+    "@swc/core": "~1.3.96",
     "@swc/jest": "~0.2.29",
     "@testing-library/jest-dom": "~6.1.4",
-    "@testing-library/react": "~14.0.0",
+    "@testing-library/react": "~14.1.0",
     "@testing-library/react-hooks": "~8.0.1",
     "@testing-library/user-event": "~14.5.1",
-    "@types/circular-dependency-plugin": "~5.0.7",
-    "@types/compression": "~1.7.4",
-    "@types/cors": "~2.8.15",
-    "@types/duplicate-package-checker-webpack-plugin": "~2.1.4",
-    "@types/ip": "~1.1.2",
-    "@types/jest": "~29.5.6",
-    "@types/jest-axe": "~3.5.7",
-    "@types/moment-locales-webpack-plugin": "~1.2.5",
-    "@types/node": "~20.8.9",
-    "@types/normalize-path": "~3.0.1",
+    "@types/circular-dependency-plugin": "~5.0.8",
+    "@types/compression": "~1.7.5",
+    "@types/cors": "~2.8.16",
+    "@types/duplicate-package-checker-webpack-plugin": "~2.1.5",
+    "@types/ip": "~1.1.3",
+    "@types/jest": "~29.5.8",
+    "@types/jest-axe": "~3.5.8",
+    "@types/moment-locales-webpack-plugin": "~1.2.6",
+    "@types/node": "~20.9.0",
+    "@types/normalize-path": "~3.0.2",
     "@types/postcss-preset-env": "~8.0.0",
     "@types/rimraf": "~4.0.5",
-    "@types/speed-measure-webpack-plugin": "~1.3.5",
-    "@types/supertest": "~2.0.15",
-    "@types/uuid": "~9.0.6",
+    "@types/speed-measure-webpack-plugin": "~1.3.6",
+    "@types/supertest": "~2.0.16",
+    "@types/uuid": "~9.0.7",
     "@types/testing-library__jest-dom": "~5.14.9",
-    "@types/webpack-bundle-analyzer": "~4.6.2",
-    "@typescript-eslint/eslint-plugin": "~6.9.0",
-    "@typescript-eslint/parser": "~6.9.0",
-    "@vitejs/plugin-react": "~4.1.0",
+    "@types/webpack-bundle-analyzer": "~4.6.3",
+    "@typescript-eslint/eslint-plugin": "~6.10.0",
+    "@typescript-eslint/parser": "~6.10.0",
+    "@vitejs/plugin-react": "~4.1.1",
     "@vitest/coverage-c8": "~0.33.0",
     "autoprefixer": "~10.4.16",
     "axe-core": "~4.8.2",
@@ -186,7 +186,7 @@
     "esbuild-loader": "~4.0.2",
     "esbuild-plugin-lodash": "~1.2.0",
     "esbuild-plugin-svgr": "~2.1.0",
-    "eslint": "~8.52.0",
+    "eslint": "~8.53.0",
     "eslint-config-airbnb": "~19.0.4",
     "eslint-config-airbnb-base": "~15.0.0",
     "eslint-config-airbnb-typescript": "~17.1.0",
@@ -200,7 +200,7 @@
     "eslint-plugin-import": "~2.29.0",
     "eslint-plugin-jest": "~27.6.0",
     "eslint-plugin-jsdoc": "~46.8.2",
-    "eslint-plugin-jsx-a11y": "~6.7.1",
+    "eslint-plugin-jsx-a11y": "~6.8.0",
     "eslint-plugin-mdx": "~2.2.0",
     "eslint-plugin-prettier": "~5.0.1",
     "eslint-plugin-react": "~7.33.2",
@@ -214,10 +214,10 @@
     "express-static-gzip": "~2.1.7",
     "favicons": "~7.1.4",
     "favicons-webpack-plugin": "~6.0.1",
-    "fast-glob": "~3.3.1",
+    "fast-glob": "~3.3.2",
     "find-up": "~6.3.0",
     "find-up-cli": "~5.0.0",
-    "happy-dom": "~12.10.2",
+    "happy-dom": "~12.10.3",
     "helmet-csp": "~3.4.0",
     "html-loader": "~4.2.0",
     "html-webpack-plugin": "~5.5.3",
@@ -232,24 +232,24 @@
     "jest-sonar-reporter": "~2.0.0",
     "jest-styled-components": "~7.2.0",
     "jest-watch-typeahead": "~2.2.2",
-    "jscodeshift": "~0.15.0",
+    "jscodeshift": "~0.15.1",
     "jsdoc": "~4.0.2",
-    "lerna": "~7.4.1",
+    "lerna": "~7.4.2",
     "lint-staged": "~15.0.2",
     "mini-css-extract-plugin": "~2.7.6",
     "minimist": "~1.2.8",
     "moment": "~2.29.4",
     "moment-locales-webpack-plugin": "~1.2.0",
-    "msw": "~2.0.0",
+    "msw": "~2.0.4",
     "npm-run-all": "~4.1.5",
-    "node-gyp": "~9.4.1",
+    "node-gyp": "~10.0.1",
     "node-plop": "~0.32.0",
     "nodemon": "~3.0.1",
     "normalize-path": "~3.0.0",
     "npm-check-updates": "16.14.6",
-    "nx": "~17.0.2",
+    "nx": "~17.0.3",
     "pino": "~8.16.1",
-    "pino-http": "~8.5.0",
+    "pino-http": "~8.5.1",
     "pino-pretty": "~10.2.3",
     "plop": "~4.0.0",
     "postcss": "~8.4.31",
@@ -257,7 +257,7 @@
     "postcss-jsx": "~0.36.4",
     "postcss-loader": "~7.3.3",
     "postcss-markdown": "~1.2.0",
-    "postcss-preset-env": "~9.2.0",
+    "postcss-preset-env": "~9.3.0",
     "postcss-syntax": "~0.36.2",
     "prettier": "~3.0.3",
     "prisma": "~5.5.2",
@@ -269,11 +269,11 @@
     "react-test-renderer": "~18.2.0",
     "resize-observer-polyfill": "~1.5.1",
     "resolve-typescript-plugin": "~2.0.1",
-    "rimraf": "5.0.1",
-    "semantic-release": "~22.0.5",
+    "rimraf": "5.0.5",
+    "semantic-release": "~22.0.7",
     "slackify-markdown": "~4.4.0",
     "speed-measure-webpack-plugin": "~1.5.0",
-    "storybook": "~7.5.1",
+    "storybook": "~7.5.3",
     "storybook-addon-turbo-build": "~2.0.1",
     "storybook-react-router": "~1.0.8",
     "style-loader": "~3.3.3",
@@ -286,7 +286,7 @@
     "ts-node": "~10.9.1",
     "tsc-alias": "~1.8.8",
     "tsx": "~3.13.0",
-    "typedoc": "~0.25.2",
+    "typedoc": "~0.25.3",
     "typescript": "~5.2.2",
     "update-notifier": "~7.0.0",
     "url-loader": "~4.1.1",
@@ -302,6 +302,7 @@
     "webpack-merge": "~5.10.0",
     "whatwg-fetch": "~3.6.19",
     "workbox-webpack-plugin": "~7.0.0",
+    "ws": "~8.14.2",
     "yargs": "~17.7.2"
   },
   "devDependencies": {
@@ -310,6 +311,6 @@
     "react-dom": "~18.2.0",
     "redux": "~4.2.1",
     "redux-saga": "~1.2.3",
-    "styled-components": "~6.1.0"
+    "styled-components": "~6.1.1"
   }
 }