@trackunit/react-core-contexts 1.3.103 → 1.3.108

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;

package/index.esm.js

@@ -1,9 +1,12 @@
 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 { 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';
@@ -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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-core-contexts",
-  "version": "1.3.103",
+  "version": "1.3.108",
   "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.79",
-    "@trackunit/react-core-hooks": "1.3.81",
-    "@trackunit/i18n-library-translation": "1.3.84",
-    "@trackunit/react-components": "1.4.92",
-    "@trackunit/iris-app-runtime-core": "1.4.80"
+    "@trackunit/iris-app-api": "1.3.82",
+    "@trackunit/react-core-contexts-api": "1.4.82",
+    "@trackunit/react-core-hooks": "1.3.84",
+    "@trackunit/i18n-library-translation": "1.3.87",
+    "@trackunit/react-components": "1.4.95",
+    "@trackunit/iris-app-runtime-core": "1.4.83",
+    "graphql": "^16.10.0",
+    "graphql-sse": "^2.5.4"
   },
   "module": "./index.esm.js",
   "main": "./index.cjs.js",