@trackunit/react-core-contexts 1.3.102 → 1.3.106

package/index.cjs.js

@@ -5,7 +5,10 @@ var client = require('@apollo/client');
 var context = require('@apollo/client/link/context');
 var error = require('@apollo/client/link/error');
 var removeTypename = require('@apollo/client/link/remove-typename');
+var utilities = require('@apollo/client/utilities');
 var reactCoreHooks = require('@trackunit/react-core-hooks');
+var graphql = require('graphql');
+var graphqlSse = require('graphql-sse');
 var React = require('react');
 require('@js-temporal/polyfill');
 var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
@@ -152,11 +155,46 @@ const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlIntern
         },
     };
     const removeTypenameLink = removeTypename.removeTypenameFromVariables();
+    class SSELink extends client.ApolloLink {
+        constructor(options) {
+            super();
+            this.client = graphqlSse.createClient(options);
+        }
+        request(operation) {
+            return new utilities.Observable(sink => {
+                return this.client.subscribe({ ...operation, query: graphql.print(operation.query) }, {
+                    next: sink.next.bind(sink),
+                    complete: sink.complete.bind(sink),
+                    error: sink.error.bind(sink),
+                });
+            });
+        }
+    }
+    const sseLink = new SSELink({
+        url: `${graphqlInternalUrl}/stream`,
+        headers: () => {
+            return {
+                Authorization: `Bearer ${token}`,
+            };
+        },
+    });
+    // Split links based on operation type
+    const splitLink = client.from([
+        authLink,
+        client.split(({ query }) => {
+            const definition = utilities.getMainDefinition(query);
+            return definition.kind === "OperationDefinition" && definition.operation === "subscription";
+        }, sseLink, client.from([
+            errorLink,
+            removeTypenameLink,
+            client.split(operation => operation.getContext().clientName === "manager", managerGraphQLLink, client.split(operation => operation.getContext().clientName === "report", reportGraphQLLink, client.split(() => global.gql === "internal", internalGraphQLLink, publicGraphQLLink))),
+        ])),
+    ]);
     return {
         client: new client.ApolloClient({
             name: "Manager",
             connectToDevTools: isDev,
-            // LegacyServicePlan added by team SPIEX, now owned by team Luna, so Apollo Client doesn't merge service plans simply because they have the same id
+            // LegacyServicePlan added by team SPIEX so Apollo Client doesn't merge service plans simply because they have the same id
             // See more here: https://stackoverflow.com/questions/78189868/apollo-is-returning-data-wrong-but-is-correct-in-network-inspector
             cache: new client.InMemoryCache({
                 typePolicies: {
@@ -166,12 +204,7 @@ const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlIntern
                 },
             }),
             defaultOptions,
-            link: client.from([
-                errorLink,
-                authLink,
-                removeTypenameLink,
-                client.split(operation => operation.getContext().clientName === "manager", managerGraphQLLink, client.split(operation => operation.getContext().clientName === "report", reportGraphQLLink, client.split(() => global.gql === "internal", internalGraphQLLink, publicGraphQLLink))),
-            ]),
+            link: splitLink,
         }),
         setToken: (newToken) => {
             token = newToken;
@@ -629,6 +662,13 @@ const UserSubscriptionProviderIrisApp = ({ children }) => {
     return jsxRuntime.jsx(reactCoreHooks.UserSubscriptionProvider, { value: subscription, children: children });
 };
 
+/**
+ * This is a provider for the WidgetConfigContext.
+ */
+const WidgetConfigProviderIrisApp = ({ children }) => {
+    return jsxRuntime.jsx(reactCoreHooks.WidgetConfigProvider, { value: irisAppRuntimeCore.WidgetConfigRuntime, children: children });
+};
+
 /**
  * This is a provider for the TrackunitDataProviders.
  */
@@ -637,7 +677,7 @@ const TrackunitProviders = ({ translations, children, errorHandler }) => {
         i18nLibraryTranslation.registerTranslations(translations); // Register the apps translations if passed.
     }
     i18nLibraryTranslation.initializeTranslationsForApp(); // Initialize all registered translations
-    return (jsxRuntime.jsx(EnvironmentProviderIrisApp, { children: jsxRuntime.jsx(ErrorHandlingProviderIrisApp, { errorHandler: errorHandler, children: jsxRuntime.jsx(ThemeCssProviderIrisApp, { children: jsxRuntime.jsx(TokenProviderIrisApp, { children: jsxRuntime.jsx(CurrentUserPreferenceProviderIrisApp, { children: jsxRuntime.jsx(CurrentUserProviderIrisApp, { children: jsxRuntime.jsx(UserSubscriptionProviderIrisApp, { children: jsxRuntime.jsx(AnalyticsProviderIrisApp, { children: jsxRuntime.jsx(OemBrandingContextProviderIrisApp, { children: jsxRuntime.jsx(AssetSortingProviderIrisApp, { children: jsxRuntime.jsx(ManagerApolloProvider, { children: jsxRuntime.jsx(NavigationProviderIrisApp, { children: jsxRuntime.jsx(ToastProviderIrisApp, { children: jsxRuntime.jsx(ModalDialogContextProviderIrisApp, { children: jsxRuntime.jsx(ConfirmationDialogProviderIrisApp, { children: jsxRuntime.jsx(FilterBarProviderIrisApp, { children: jsxRuntime.jsx(TimeRangeProviderIrisApp, { children: jsxRuntime.jsx(React.Suspense, { fallback: jsxRuntime.jsx(reactComponents.Spinner, { centering: "centered", dataTestId: "trackunit-providers" }), children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    return (jsxRuntime.jsx(EnvironmentProviderIrisApp, { children: jsxRuntime.jsx(ErrorHandlingProviderIrisApp, { errorHandler: errorHandler, children: jsxRuntime.jsx(ThemeCssProviderIrisApp, { children: jsxRuntime.jsx(TokenProviderIrisApp, { children: jsxRuntime.jsx(CurrentUserPreferenceProviderIrisApp, { children: jsxRuntime.jsx(CurrentUserProviderIrisApp, { children: jsxRuntime.jsx(UserSubscriptionProviderIrisApp, { children: jsxRuntime.jsx(AnalyticsProviderIrisApp, { children: jsxRuntime.jsx(OemBrandingContextProviderIrisApp, { children: jsxRuntime.jsx(AssetSortingProviderIrisApp, { children: jsxRuntime.jsx(ManagerApolloProvider, { children: jsxRuntime.jsx(NavigationProviderIrisApp, { children: jsxRuntime.jsx(ToastProviderIrisApp, { children: jsxRuntime.jsx(ModalDialogContextProviderIrisApp, { children: jsxRuntime.jsx(ConfirmationDialogProviderIrisApp, { children: jsxRuntime.jsx(FilterBarProviderIrisApp, { children: jsxRuntime.jsx(TimeRangeProviderIrisApp, { children: jsxRuntime.jsx(WidgetConfigProviderIrisApp, { children: jsxRuntime.jsx(React.Suspense, { fallback: jsxRuntime.jsx(reactComponents.Spinner, { centering: "centered", dataTestId: "trackunit-providers" }), children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 
 exports.ManagerApolloProvider = ManagerApolloProvider;

package/index.esm.js

@@ -1,15 +1,18 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { ApolloProvider, createHttpLink, ApolloClient, InMemoryCache, from, split } from '@apollo/client';
+import { ApolloProvider, createHttpLink, from, split, ApolloClient, InMemoryCache, ApolloLink } from '@apollo/client';
 import { setContext } from '@apollo/client/link/context';
 import { onError } from '@apollo/client/link/error';
 import { removeTypenameFromVariables } from '@apollo/client/link/remove-typename';
-import { useEnvironment, useToken, useErrorHandler, AnalyticsContextProvider, AssetSortingProvider, ConfirmationDialogProvider, EnvironmentContextProvider, ErrorHandlingContextProvider, FilterBarProvider, ModalDialogContextProvider, NavigationContextProvider, OemBrandingContextProvider, TimeRangeProvider, ToastProvider, TokenProvider, CurrentUserProvider, CurrentUserPreferenceProvider, UserSubscriptionProvider } from '@trackunit/react-core-hooks';
+import { getMainDefinition, Observable } from '@apollo/client/utilities';
+import { useEnvironment, useToken, useErrorHandler, AnalyticsContextProvider, AssetSortingProvider, ConfirmationDialogProvider, EnvironmentContextProvider, ErrorHandlingContextProvider, FilterBarProvider, ModalDialogContextProvider, NavigationContextProvider, OemBrandingContextProvider, TimeRangeProvider, ToastProvider, TokenProvider, CurrentUserProvider, CurrentUserPreferenceProvider, UserSubscriptionProvider, WidgetConfigProvider } from '@trackunit/react-core-hooks';
+import { print } from 'graphql';
+import { createClient } from 'graphql-sse';
 import * as React from 'react';
 import { useState, useMemo, useEffect, Suspense } from 'react';
 import '@js-temporal/polyfill';
 import { registerTranslations, initializeTranslationsForApp } from '@trackunit/i18n-library-translation';
 import { Spinner } from '@trackunit/react-components';
-import { AnalyticsContextRuntime, setupHostConnector, AssetSortingRuntime, ConfirmationDialogRuntime, EnvironmentRuntime, FilterBarRuntime, AssetsFilterBarRuntime, CustomersFilterBarRuntime, SitesFilterBarRuntime, ModalDialogRuntime, NavigationRuntime, OemBrandingContextRuntime, ThemeCssRuntime, TimeRangeRuntime, ToastRuntime, TokenRuntime, CurrentUserRuntime, CurrentUserPreferenceRuntime, UserSubscriptionRuntime } from '@trackunit/iris-app-runtime-core';
+import { AnalyticsContextRuntime, setupHostConnector, AssetSortingRuntime, ConfirmationDialogRuntime, EnvironmentRuntime, FilterBarRuntime, AssetsFilterBarRuntime, CustomersFilterBarRuntime, SitesFilterBarRuntime, ModalDialogRuntime, NavigationRuntime, OemBrandingContextRuntime, ThemeCssRuntime, TimeRangeRuntime, ToastRuntime, TokenRuntime, CurrentUserRuntime, CurrentUserPreferenceRuntime, UserSubscriptionRuntime, WidgetConfigRuntime } from '@trackunit/iris-app-runtime-core';
 
 const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlInternalUrl, graphqlReportUrl, isDev, tracingHeaders, firstToken, errorHandler, }) => {
     let token;
@@ -132,11 +135,46 @@ const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlIntern
         },
     };
     const removeTypenameLink = removeTypenameFromVariables();
+    class SSELink extends ApolloLink {
+        constructor(options) {
+            super();
+            this.client = createClient(options);
+        }
+        request(operation) {
+            return new Observable(sink => {
+                return this.client.subscribe({ ...operation, query: print(operation.query) }, {
+                    next: sink.next.bind(sink),
+                    complete: sink.complete.bind(sink),
+                    error: sink.error.bind(sink),
+                });
+            });
+        }
+    }
+    const sseLink = new SSELink({
+        url: `${graphqlInternalUrl}/stream`,
+        headers: () => {
+            return {
+                Authorization: `Bearer ${token}`,
+            };
+        },
+    });
+    // Split links based on operation type
+    const splitLink = from([
+        authLink,
+        split(({ query }) => {
+            const definition = getMainDefinition(query);
+            return definition.kind === "OperationDefinition" && definition.operation === "subscription";
+        }, sseLink, from([
+            errorLink,
+            removeTypenameLink,
+            split(operation => operation.getContext().clientName === "manager", managerGraphQLLink, split(operation => operation.getContext().clientName === "report", reportGraphQLLink, split(() => global.gql === "internal", internalGraphQLLink, publicGraphQLLink))),
+        ])),
+    ]);
     return {
         client: new ApolloClient({
             name: "Manager",
             connectToDevTools: isDev,
-            // LegacyServicePlan added by team SPIEX, now owned by team Luna, so Apollo Client doesn't merge service plans simply because they have the same id
+            // LegacyServicePlan added by team SPIEX so Apollo Client doesn't merge service plans simply because they have the same id
             // See more here: https://stackoverflow.com/questions/78189868/apollo-is-returning-data-wrong-but-is-correct-in-network-inspector
             cache: new InMemoryCache({
                 typePolicies: {
@@ -146,12 +184,7 @@ const createApolloClient = ({ graphqlManagerUrl, graphqlPublicUrl, graphqlIntern
                 },
             }),
             defaultOptions,
-            link: from([
-                errorLink,
-                authLink,
-                removeTypenameLink,
-                split(operation => operation.getContext().clientName === "manager", managerGraphQLLink, split(operation => operation.getContext().clientName === "report", reportGraphQLLink, split(() => global.gql === "internal", internalGraphQLLink, publicGraphQLLink))),
-            ]),
+            link: splitLink,
         }),
         setToken: (newToken) => {
             token = newToken;
@@ -609,6 +642,13 @@ const UserSubscriptionProviderIrisApp = ({ children }) => {
     return jsx(UserSubscriptionProvider, { value: subscription, children: children });
 };
 
+/**
+ * This is a provider for the WidgetConfigContext.
+ */
+const WidgetConfigProviderIrisApp = ({ children }) => {
+    return jsx(WidgetConfigProvider, { value: WidgetConfigRuntime, children: children });
+};
+
 /**
  * This is a provider for the TrackunitDataProviders.
  */
@@ -617,7 +657,7 @@ const TrackunitProviders = ({ translations, children, errorHandler }) => {
         registerTranslations(translations); // Register the apps translations if passed.
     }
     initializeTranslationsForApp(); // Initialize all registered translations
-    return (jsx(EnvironmentProviderIrisApp, { children: jsx(ErrorHandlingProviderIrisApp, { errorHandler: errorHandler, children: jsx(ThemeCssProviderIrisApp, { children: jsx(TokenProviderIrisApp, { children: jsx(CurrentUserPreferenceProviderIrisApp, { children: jsx(CurrentUserProviderIrisApp, { children: jsx(UserSubscriptionProviderIrisApp, { children: jsx(AnalyticsProviderIrisApp, { children: jsx(OemBrandingContextProviderIrisApp, { children: jsx(AssetSortingProviderIrisApp, { children: jsx(ManagerApolloProvider, { children: jsx(NavigationProviderIrisApp, { children: jsx(ToastProviderIrisApp, { children: jsx(ModalDialogContextProviderIrisApp, { children: jsx(ConfirmationDialogProviderIrisApp, { children: jsx(FilterBarProviderIrisApp, { children: jsx(TimeRangeProviderIrisApp, { children: jsx(Suspense, { fallback: jsx(Spinner, { centering: "centered", dataTestId: "trackunit-providers" }), children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
+    return (jsx(EnvironmentProviderIrisApp, { children: jsx(ErrorHandlingProviderIrisApp, { errorHandler: errorHandler, children: jsx(ThemeCssProviderIrisApp, { children: jsx(TokenProviderIrisApp, { children: jsx(CurrentUserPreferenceProviderIrisApp, { children: jsx(CurrentUserProviderIrisApp, { children: jsx(UserSubscriptionProviderIrisApp, { children: jsx(AnalyticsProviderIrisApp, { children: jsx(OemBrandingContextProviderIrisApp, { children: jsx(AssetSortingProviderIrisApp, { children: jsx(ManagerApolloProvider, { children: jsx(NavigationProviderIrisApp, { children: jsx(ToastProviderIrisApp, { children: jsx(ModalDialogContextProviderIrisApp, { children: jsx(ConfirmationDialogProviderIrisApp, { children: jsx(FilterBarProviderIrisApp, { children: jsx(TimeRangeProviderIrisApp, { children: jsx(WidgetConfigProviderIrisApp, { children: jsx(Suspense, { fallback: jsx(Spinner, { centering: "centered", dataTestId: "trackunit-providers" }), children: children }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }) }));
 };
 
 export { ManagerApolloProvider, ToastProviderIrisApp, TrackunitProviders };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-contexts",
-  "version": "1.3.102",
+  "version": "1.3.106",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -11,12 +11,14 @@
     "react": "19.0.0",
     "@js-temporal/polyfill": "^0.4.4",
     "jest-fetch-mock": "^3.0.3",
-    "@trackunit/iris-app-api": "1.3.79",
-    "@trackunit/react-core-contexts-api": "1.4.78",
-    "@trackunit/react-core-hooks": "1.3.80",
-    "@trackunit/i18n-library-translation": "1.3.83",
-    "@trackunit/react-components": "1.4.92",
-    "@trackunit/iris-app-runtime-core": "1.4.79"
+    "@trackunit/iris-app-api": "1.3.80",
+    "@trackunit/react-core-contexts-api": "1.4.80",
+    "@trackunit/react-core-hooks": "1.3.82",
+    "@trackunit/i18n-library-translation": "1.3.85",
+    "@trackunit/react-components": "1.4.93",
+    "@trackunit/iris-app-runtime-core": "1.4.81",
+    "graphql": "^16.10.0",
+    "graphql-sse": "^2.5.4"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",

package/src/widgetConfig/WidgetConfigProviderIrisApp.d.ts

@@ -0,0 +1,5 @@
+import { type PropsWithChildren } from "react";
+/**
+ * This is a provider for the WidgetConfigContext.
+ */
+export declare const WidgetConfigProviderIrisApp: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;