@carbonorm/carbonreact 3.4.8 → 3.5.0

package/dist/index.esm.js

@@ -4043,7 +4043,7 @@ const useEffectOnce = (effect) => {
  * @function connect
  * This function establishes a connection with the websocket and also ensures constant reconnection if connection closes
  **/
-function initiateWebsocket({ TABLES = undefined, url = 'ws://localhost:8080/ws', timeoutSeconds = 250, heartbeatSeconds = 60 } = {}) {
+function initiateWebsocket({ TABLES = undefined, WsLiveUpdates = undefined, url = 'ws://localhost:8080/ws', timeoutSeconds = 250, heartbeatSeconds = 60 } = {}) {
     const { websocket } = CarbonReact.instance.state;
     if (!("WebSocket" in window)) {
         // todo - store that this has been shown in the state
@@ -4078,17 +4078,59 @@ function initiateWebsocket({ TABLES = undefined, url = 'ws://localhost:8080/ws',
         };
         connection.onmessage = (message) => {
             const parsedData = isJsonString(message?.data) ? JSON.parse(message?.data) : message?.data;
+            if (message.data === 'pong') {
+                return;
+            }
             CarbonReact.instance.setState((prevState) => ({
                 websocketEvents: prevState.websocketEvents.concat(message),
                 websocketData: prevState.websocketData.concat(parsedData), // JSON.parse no good - base64?
-            }));
-            console.info('todo - going to impl TABLES', TABLES);
-            /*if (undefined !== TABLES) {
-
-                TABLES.
-
-
-            }*/
+            }), () => {
+                if (undefined === TABLES) {
+                    console.log('WebSocket updates without the TABLES property passed will not automatically update the state.');
+                    return;
+                }
+                if (undefined === WsLiveUpdates) {
+                    console.log('WebSocket updates without the WsLiveUpdates property passed will not automatically update the state.');
+                    return;
+                }
+                if (parsedData?.REST) {
+                    const TABLE_NAME = parsedData?.REST?.TABLE_NAME;
+                    const TABLE_PREFIX = parsedData?.REST?.TABLE_PREFIX;
+                    const METHOD = parsedData?.REST?.METHOD;
+                    const REQUEST = parsedData?.REST?.REQUEST;
+                    const REQUEST_PRIMARY_KEY = parsedData?.REST?.REQUEST_PRIMARY_KEY ?? null;
+                    if (null === REQUEST_PRIMARY_KEY) {
+                        console.log('WebSocket updates without a primary key are not yet supported.');
+                        return;
+                    }
+                    console.log('todo - going to impl REST', TABLE_NAME, METHOD, REQUEST_PRIMARY_KEY, parsedData?.REST);
+                    const TABLE_NAME_SHORT = TABLE_NAME.substring(TABLE_PREFIX.length);
+                    const currentCache = CarbonReact.instance.state[TABLE_NAME_SHORT];
+                    // just because we have a websocket update, doesn't mean we need the update
+                    // check to see if the primary key is in the current cache
+                    const c6Table = TABLES[TABLE_NAME_SHORT] ?? null;
+                    if (null === c6Table) {
+                        console.error('WebSocket update could not find (' + TABLE_NAME_SHORT + ') in the TABLES property passed.', TABLES);
+                        return;
+                    }
+                    const primaryKeyKeys = Object.keys(REQUEST_PRIMARY_KEY);
+                    const elementsToUpdate = currentCache.filter((row) => {
+                        for (const element of primaryKeyKeys) {
+                            if (REQUEST_PRIMARY_KEY[element] !== row[element]) {
+                                return false;
+                            }
+                        }
+                        return true;
+                    });
+                    const updatedElements = elementsToUpdate.map((row) => {
+                        return {
+                            ...row,
+                            ...REQUEST
+                        };
+                    });
+                    WsLiveUpdates[TABLE_NAME_SHORT][METHOD]({}, updatedElements);
+                }
+            });
         };
         window.addEventListener("focus", () => initiateWebsocket());
         // websocket onclose event listener