@elliemae/pui-cli 9.0.0-next.24 → 9.0.0-next.26

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,132 @@
+"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 import_ws = require("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 = import_node_http.default.createServer();
+  const wsServer = new import_ws.Server({ 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);
+          setTimeout(() => {
+            ws.send('{ "name": "vinoth" }');
+          }, 3e3);
+        }
+      });
+    });
+  });
+  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/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,102 @@
+import http from "node:http";
+import { Server } 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 Server({ 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);
+          setTimeout(() => {
+            ws.send('{ "name": "vinoth" }');
+          }, 3e3);
+        }
+      });
+    });
+  });
+  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/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 { Server, WebSocket } from 'ws';
+export interface Servers {
+    httpServer: http.Server;
+    wsServer: Server;
+}
+export interface WSServerOptions {
+    port?: number;
+    pingInterval?: number;
+    onOpen?: (webSocket: WebSocket) => void;
+}
+export declare const createWSServer: ({ port, pingInterval, onOpen, }: WSServerOptions) => Promise<Servers>;

package/nx.json

@@ -0,0 +1,97 @@
+{
+  "$schema": "./node_modules/nx/schemas/nx-schema.json",
+  "targetDependencies": {
+    "build": [
+      {
+        "target": "build",
+        "projects": "dependencies"
+      }
+    ],
+    "test": [
+      {
+        "target": "build",
+        "projects": "dependencies"
+      }
+    ],
+    "dts": [
+      {
+        "target": "dts",
+        "projects": "dependencies"
+      }
+    ],
+    "lint": [
+      {
+        "target": "dts",
+        "projects": "dependencies"
+      }
+    ],
+    "dev": [
+      {
+        "target": "dev",
+        "projects": "dependencies"
+      }
+    ],
+    "storybook:start": [
+      {
+        "target": "build",
+        "projects": "dependencies"
+      }
+    ],
+    "storybook:build": [
+      {
+        "target": "build",
+        "projects": "dependencies"
+      }
+    ],
+    "prepare": [
+      {
+        "target": "prepare",
+        "projects": "dependencies"
+      }
+    ],
+    "package": [
+      {
+        "target": "package",
+        "projects": "dependencies"
+      }
+    ]
+  },
+  "targetDefaults": {
+    "postinstall": {
+      "cache": true
+    },
+    "build": {
+      "cache": true
+    },
+    "dev": {
+      "cache": true
+    },
+    "dev:project": {
+      "cache": true
+    },
+    "test": {
+      "cache": true
+    },
+    "lint": {
+      "cache": true
+    },
+    "dts": {
+      "cache": true
+    },
+    "storybook:start": {
+      "cache": true
+    },
+    "storybook:build": {
+      "cache": true
+    },
+    "package": {
+      "cache": true
+    },
+    "prepare": {
+      "cache": true
+    },
+    "compile:scss": {
+      "cache": true
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/pui-cli",
-  "version": "9.0.0-next.24",
+  "version": "9.0.0-next.26",
   "description": "ICE MT UI Platform CLI",
   "sideEffects": false,
   "type": "module",
@@ -30,12 +30,14 @@
       "require": "./dist/cjs/server/appRoutes.js"
     },
     "./app.tsconfig.json": "./app.tsconfig.json",
-    "./library.tsconfig.json": "./library.tsconfig.json"
+    "./library.tsconfig.json": "./library.tsconfig.json",
+    "./nx.json": "./nx.json"
   },
   "files": [
     "dist",
     "./app.tsconfig.json",
-    "./library.tsconfig.json"
+    "./library.tsconfig.json",
+    "./nx.json"
   ],
   "publishConfig": {
     "access": "public"
@@ -46,7 +48,7 @@
   },
   "engines": {
     "pnpm": ">=8",
-    "node": ">=18"
+    "node": ">=20"
   },
   "author": "ICE MT",
   "license": "MIT",
@@ -104,22 +106,22 @@
     "@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.2",
+    "@storybook/addon-essentials": "~7.5.2",
     "@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.2",
+    "@storybook/addon-links": "~7.5.2",
+    "@storybook/addon-storysource": "~7.5.2",
+    "@storybook/blocks": "~7.5.2",
+    "@storybook/builder-vite": "~7.5.2",
+    "@storybook/builder-webpack5": "~7.5.2",
     "@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.2",
+    "@storybook/react-vite": "~7.5.2",
+    "@storybook/react-webpack5": "~7.5.2",
     "@storybook/testing-library": "~0.2.2",
-    "@storybook/theming": "~7.5.1",
+    "@storybook/theming": "~7.5.2",
     "@stylelint/postcss-css-in-js": "~0.38.0",
     "@svgr/webpack": "~8.1.0",
     "@swc/cli": "~0.1.62",
@@ -134,10 +136,10 @@
     "@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": "~29.5.7",
     "@types/jest-axe": "~3.5.7",
     "@types/moment-locales-webpack-plugin": "~1.2.5",
-    "@types/node": "~20.8.9",
+    "@types/node": "~20.8.10",
     "@types/normalize-path": "~3.0.1",
     "@types/postcss-preset-env": "~8.0.0",
     "@types/rimraf": "~4.0.5",
@@ -146,8 +148,8 @@
     "@types/uuid": "~9.0.6",
     "@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",
+    "@typescript-eslint/eslint-plugin": "~6.9.1",
+    "@typescript-eslint/parser": "~6.9.1",
     "@vitejs/plugin-react": "~4.1.0",
     "@vitest/coverage-c8": "~0.33.0",
     "autoprefixer": "~10.4.16",
@@ -215,7 +217,7 @@
     "fast-glob": "~3.3.1",
     "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",
@@ -230,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.1",
     "npm-run-all": "~4.1.5",
-    "node-gyp": "~9.4.1",
+    "node-gyp": "~10.0.0",
     "node-plop": "~0.32.0",
     "nodemon": "~3.0.1",
     "normalize-path": "~3.0.0",
     "npm-check-updates": "16.14.6",
     "nx": "~17.0.2",
     "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",
@@ -255,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",
@@ -268,10 +270,10 @@
     "resize-observer-polyfill": "~1.5.1",
     "resolve-typescript-plugin": "~2.0.1",
     "rimraf": "5.0.1",
-    "semantic-release": "~22.0.5",
+    "semantic-release": "~22.0.6",
     "slackify-markdown": "~4.4.0",
     "speed-measure-webpack-plugin": "~1.5.0",
-    "storybook": "~7.5.1",
+    "storybook": "~7.5.2",
     "storybook-addon-turbo-build": "~2.0.1",
     "storybook-react-router": "~1.0.8",
     "style-loader": "~3.3.3",
@@ -284,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",
@@ -300,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": {