@orchestrator-ui/orchestrator-ui-components 1.36.0 → 1.36.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @orchestrator-ui/orchestrator-ui-components@1.36.0 build
+> @orchestrator-ui/orchestrator-ui-components@1.36.1 build
 > tsup src/index.ts --format esm --dts --tsconfig tsconfig.build.json
 
 CLI Building entry: src/index.ts
@@ -9,6 +9,6 @@
 ESM Build start
 DTS Build start
 ESM dist/index.js 1.87 MB
-ESM ⚡️ Build success in 696ms
-DTS ⚡️ Build success in 14372ms
+ESM ⚡️ Build success in 728ms
+DTS ⚡️ Build success in 14082ms
 DTS dist/index.d.ts 177.40 KB

package/.turbo/turbo-lint.log

@@ -1,5 +1,5 @@
 
-> @orchestrator-ui/orchestrator-ui-components@1.36.0 lint
+> @orchestrator-ui/orchestrator-ui-components@1.36.1 lint
 > eslint "src/**/*.ts*"
 
 

package/.turbo/turbo-test.log

@@ -1,16 +1,16 @@
 
-> @orchestrator-ui/orchestrator-ui-components@1.36.0 test
+> @orchestrator-ui/orchestrator-ui-components@1.36.1 test
 > jest
 
-PASS Wfo-UI Tests src/components/WfoForms/formFields/utils.spec.ts
 PASS Wfo-UI Tests src/components/WfoTree/treeUtils.spec.ts
+PASS Wfo-UI Tests src/components/WfoForms/formFields/utils.spec.ts
 PASS Wfo-UI Tests src/components/WfoSubscription/utils/utils.spec.ts
 PASS Wfo-UI Tests src/pages/processes/timelineUtils.spec.ts
 PASS Wfo-UI Tests src/utils/date.spec.ts
 PASS Wfo-UI Tests src/utils/string.spec.ts
 PASS Wfo-UI Tests src/utils/getProductNamesFromProcess.spec.ts
-PASS Wfo-UI Tests src/components/WfoTable/WfoTableWithFilter/updateQueryString.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/WfoDataGridTable/WfodataGridColumns.spec.ts
+PASS Wfo-UI Tests src/components/WfoTable/WfoTableWithFilter/updateQueryString.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/utils/tableConfigPersistence.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/utils/tableUtils.spec.ts
 PASS Wfo-UI Tests src/components/WfoTable/utils/mapSortableAndFilterableValuesToTableColumnConfig.spec.ts
@@ -19,23 +19,23 @@ PASS Wfo-UI Tests src/utils/resultFlattener.spec.ts
 PASS Wfo-UI Tests src/components/WfoPageTemplate/WfoSidebar/utils/menuItemIsAllowed.spec.ts
 PASS Wfo-UI Tests src/utils/getEnvironmentVariables.spec.ts
 PASS Wfo-UI Tests src/messages/getTranslationMessages.spec.ts
-PASS Wfo-UI Tests src/utils/toSortedObjectKeys.spec.ts
 PASS Wfo-UI Tests src/utils/getToastMessage.spec.ts
-PASS Wfo-UI Tests src/components/WfoTable/utils/columns.spec.ts
 PASS Wfo-UI Tests src/utils/optionalArray.spec.ts
+PASS Wfo-UI Tests src/utils/toSortedObjectKeys.spec.ts
+PASS Wfo-UI Tests src/components/WfoTable/utils/columns.spec.ts
 PASS Wfo-UI Tests src/utils/filterData.spec.ts
-PASS Wfo-UI Tests src/utils/getTokenName.spec.ts
 PASS Wfo-UI Tests src/components/WfoWorkflowSteps/stepListUtils.spec.ts
-PASS Wfo-UI Tests src/utils/environmentVariables.spec.ts
+PASS Wfo-UI Tests src/utils/getTokenName.spec.ts
 PASS Wfo-UI Tests src/utils/onlyUnique.spec.ts
+PASS Wfo-UI Tests src/utils/environmentVariables.spec.ts
 PASS Wfo-UI Tests src/utils/uuid.spec.ts
-PASS Wfo-UI Tests src/utils/getTypedFieldFromObject.spec.ts
 PASS Wfo-UI Tests src/utils/cacheTag.spec.ts
+PASS Wfo-UI Tests src/utils/getTypedFieldFromObject.spec.ts
 PASS Wfo-UI Tests src/utils/getQueryVariablesForExport.spec.ts
 PASS Wfo-UI Tests src/components/WfoPageTemplate/WfoPageHeader/utils/toHexColorWithOpacity.spec.ts
 
 Test Suites: 31 passed, 31 total
 Tests:       192 passed, 192 total
 Snapshots:   0 total
-Time:        4.053 s
+Time:        4.007 s
 Ran all test suites.

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @orchestrator-ui/orchestrator-ui-components
 
+## 1.36.1
+
+### Patch Changes
+
+-   f7571b1: 822 Removes debounce mechanism in the websocket logic
+
 ## 1.36.0
 
 ### Minor Changes

package/dist/index.js

@@ -33993,7 +33993,6 @@ var startButtonOptionsApi = orchestratorApi.injectEndpoints({
 var { useGetWorkflowOptionsQuery, useGetTaskOptionsQuery } = startButtonOptionsApi;
 
 // src/rtk/endpoints/streamMessages.ts
-import { debounce } from "lodash";
 import { getSession as getSession2 } from "next-auth/react";
 
 // src/utils/getToastMessage.ts
@@ -34035,7 +34034,6 @@ var getWebSocket = (url) => __async(void 0, null, function* () {
   }
 });
 var PING_INTERVAL_MS = 45e3;
-var DEBOUNCE_CLOSE_INTERVAL_MS = 6e4;
 var streamMessagesApi = orchestratorApi.injectEndpoints({
   endpoints: (build) => ({
     streamMessages: build.query({
@@ -34073,10 +34071,6 @@ var streamMessagesApi = orchestratorApi.injectEndpoints({
           const pingInterval = setInterval(() => {
             webSocket.send("__ping__");
           }, PING_INTERVAL_MS);
-          const debounceCloseWebSocket = debounce(() => {
-            webSocket.close();
-          }, DEBOUNCE_CLOSE_INTERVAL_MS);
-          debounceCloseWebSocket();
           yield cacheDataLoaded;
           const state = getState();
           const { orchestratorWebsocketUrl } = state.orchestratorConfig;
@@ -34090,7 +34084,6 @@ var streamMessagesApi = orchestratorApi.injectEndpoints({
             (messageEvent) => {
               const data = messageEvent.data;
               if (data === "__pong__") {
-                debounceCloseWebSocket();
                 return;
               }
               const message = JSON.parse(data);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@orchestrator-ui/orchestrator-ui-components",
-    "version": "1.36.0",
+    "version": "1.36.1",
     "license": "Apache-2.0",
     "description": "Library of UI Components used to display the workflow orchestrator frontend",
     "author": {

package/src/rtk/endpoints/streamMessages.ts

@@ -1,4 +1,3 @@
-import { debounce } from 'lodash';
 import { getSession } from 'next-auth/react';
 
 import type { WfoSession } from '@/hooks';
@@ -24,8 +23,11 @@ const getWebSocket = async (url: string) => {
     }
 };
 
-const PING_INTERVAL_MS = 45000; // Recommended values are between 30 and 60 seconds
-const DEBOUNCE_CLOSE_INTERVAL_MS = 60000;
+// Recommended values are between 30 and 60 seconds
+// Note: When the browser tab is suspended, the browser will give this suspended tab approximately every 60 seconds time
+// to execute code. This means that the ping message will be sent every 60 seconds in suspended mode. This depends
+// on the browser and can differ.
+const PING_INTERVAL_MS = 45000;
 
 type WebSocketMessage = {
     name: MessageTypes;
@@ -88,12 +90,6 @@ const streamMessagesApi = orchestratorApi.injectEndpoints({
                     webSocket.send('__ping__');
                 }, PING_INTERVAL_MS);
 
-                const debounceCloseWebSocket = debounce(() => {
-                    webSocket.close();
-                }, DEBOUNCE_CLOSE_INTERVAL_MS);
-                // Start the debounced function to close the websocket when no 'pong' message is received after DEBOUNCE_CLOSE_INTERVAL
-                debounceCloseWebSocket();
-
                 await cacheDataLoaded;
 
                 const state = getState() as RootState;
@@ -114,8 +110,7 @@ const streamMessagesApi = orchestratorApi.injectEndpoints({
                         const data = messageEvent.data;
 
                         if (data === '__pong__') {
-                            // Reset the debounced every time a 'pong' message is received
-                            debounceCloseWebSocket();
+                            // __pong__ is an accepted message, but should not be processed
                             return;
                         }
                         const message = JSON.parse(data) as WebSocketMessage;