@vention/machine-logic-ui-sdk 0.21.0 → 0.23.0

package/index.esm.js

@@ -2856,8 +2856,9 @@ const isOnEdge = () => {
 const getExecutionEngineHttpUrl = () => {
   return isOnEdge() ? `http://${window.location.hostname}:3100` : getExecutionEngineUrlGivenUiIframeUrl(window.location.href);
 };
-const getMqttWsUrl = () => __awaiter(void 0, void 0, void 0, function* () {
-  return isOnEdge() ? `ws://${window.location.hostname}:9001` : getMqttWsUrlGivenUiIframeUrl(window.location.href);
+const getMqttWsUrl = (...args_1) => __awaiter(void 0, [...args_1], void 0, function* (version = "v2") {
+  const urlOnEdge = version === "v2" ? "ws://192.168.5.2:9001" : `ws://${window.location.hostname}:9001`;
+  return isOnEdge() ? urlOnEdge : getMqttWsUrlGivenUiIframeUrl(window.location.href);
 });
 const connectToMqttAndGetClient = () => __awaiter(void 0, void 0, void 0, function* () {
   const websocketUrl = yield getMqttWsUrl();
@@ -2884,12 +2885,19 @@ const getMqttWsUrlGivenUiIframeUrl = uiIframeUrl => {
 const closeCustomUi = () => {
   window.parent.postMessage("closeCustomUi", "*");
 };
+const navigateControlCenter = route => {
+  const capitalizedRoute = route.charAt(0).toUpperCase() + route.slice(1);
+  window.parent.postMessage(`navigateTo${capitalizedRoute}`, "*");
+};
 
 const defaultContext = {
   client: null,
   connectionStatus: "disconnected"
 };
 const mqttContext = /*#__PURE__*/createContext(defaultContext);
+const defaultProps = {
+  version: "v2"
+};
 const MqttProvider = props => {
   const [connectionStatus, setConnectionStatus] = useState("disconnected");
   const [mqttClient, setMqttClient] = useState(null);
@@ -2900,8 +2908,9 @@ const MqttProvider = props => {
   useEffect(function mqttConnection() {
     function connectToMqtt() {
       return __awaiter(this, void 0, void 0, function* () {
+        var _a;
         console.log("Connecting to MQTT");
-        const client = mqtt.connect(yield getMqttWsUrl());
+        const client = mqtt.connect(yield getMqttWsUrl((_a = props.version) !== null && _a !== void 0 ? _a : defaultProps.version));
         client.on("connect", () => {
           setConnectionStatus("connected");
           console.log("Connected to MQTT");
@@ -2952,4 +2961,4 @@ const useMqttSubscription = props => {
   return message;
 };
 
-export { MqttClient, MqttProvider, VirtualKeyboard, closeCustomUi, connectToMqttAndGetClient, getExecutionEngineHttpUrl, getMachineCodeProcessHttpUrl, getMqttWsUrl, getMqttWsUrlGivenUiIframeUrl, isOnEdge, isTouchScreenDevice, mqttContext, useMqttSubscription };
+export { MqttClient, MqttProvider, VirtualKeyboard, closeCustomUi, connectToMqttAndGetClient, getExecutionEngineHttpUrl, getMachineCodeProcessHttpUrl, getMqttWsUrl, getMqttWsUrlGivenUiIframeUrl, isOnEdge, isTouchScreenDevice, mqttContext, navigateControlCenter, useMqttSubscription };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-logic-ui-sdk",
-  "version": "0.21.0",
+  "version": "0.23.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"

package/src/lib/mqtt/mqtt-context.d.ts

@@ -7,6 +7,7 @@ interface MqttContext {
 export declare const mqttContext: import("react").Context<MqttContext>;
 interface Props {
     children: ReactNode;
+    version?: "v2" | "v3";
 }
 export declare const MqttProvider: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/src/lib/utils/machine-logic-ui-sdk-utils.d.ts

@@ -2,8 +2,9 @@ import { MqttClient } from "../mqtt-browser/mqtt-client";
 export declare const isTouchScreenDevice: () => boolean;
 export declare const isOnEdge: () => boolean;
 export declare const getExecutionEngineHttpUrl: () => string;
-export declare const getMqttWsUrl: () => Promise<string>;
+export declare const getMqttWsUrl: (version?: "v2" | "v3") => Promise<string>;
 export declare const connectToMqttAndGetClient: () => Promise<MqttClient>;
 export declare const getMachineCodeProcessHttpUrl: (processName: string) => string;
 export declare const getMqttWsUrlGivenUiIframeUrl: (uiIframeUrl: string) => string;
 export declare const closeCustomUi: () => void;
+export declare const navigateControlCenter: (route: "remoteSupport" | "controlCenterHomepage") => void;