@trackunit/react-core-contexts 0.4.91 → 0.4.93

package/index.cjs

@@ -0,0 +1,314 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var client = require('@apollo/client');
+var context = require('@apollo/client/link/context');
+var error = require('@apollo/client/link/error');
+var Sentry = require('@sentry/browser');
+var reactCoreHooks = require('@trackunit/react-core-hooks');
+var apolloUploadClient = require('apollo-upload-client');
+var irisAppRuntimeCore = require('@trackunit/iris-app-runtime-core');
+var React = require('react');
+var i18nLibraryTranslation = require('@trackunit/i18n-library-translation');
+var reactComponents = require('@trackunit/react-components');
+var reactRouterDom = require('react-router-dom');
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var Sentry__namespace = /*#__PURE__*/_interopNamespace(Sentry);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+const ManagerApolloProvider = ({ children, isIrisApp }) => {
+    const { publicUrl, graphqlLegacyUrl, graphqlManagerUrl, graphqlPublicUrl, graphqlManagerImageUploadUrl, graphqlReportUrl, isDev, tracingHeaders, } = reactCoreHooks.useEnvironment();
+    const { token } = reactCoreHooks.useToken();
+    const legacyGraphQLLink = apolloUploadClient.createUploadLink({
+        uri: request => graphqlLegacyUrl + "/" + request.operationName,
+    });
+    const managerGraphQLLink = apolloUploadClient.createUploadLink({
+        uri: request => graphqlManagerUrl + "/" + request.operationName,
+    });
+    const publicGraphQLLink = apolloUploadClient.createUploadLink({
+        uri: request => graphqlPublicUrl + "/" + request.operationName,
+    });
+    const imageUploadGraphQLLink = apolloUploadClient.createUploadLink({
+        uri: request => graphqlManagerImageUploadUrl + "/" + request.operationName,
+    });
+    const reportGraphQLLink = apolloUploadClient.createUploadLink({
+        uri: request => graphqlReportUrl + "/" + request.operationName,
+    });
+    const authLink = context.setContext((_, { headers }) => __awaiter(void 0, void 0, void 0, function* () {
+        return {
+            headers: Object.assign(Object.assign(Object.assign({}, headers), tracingHeaders), { Authorization: token ? `Bearer ${token}` : null }),
+        };
+    }));
+    const errorLink = error.onError((errorResponse) => {
+        var _a, _b;
+        const traceIds = []; // Used to hold id's for use in Sentry
+        if (errorResponse.graphQLErrors) {
+            // eslint-disable-next-line no-console
+            console.error("Error Fetching Data", errorResponse.graphQLErrors);
+            (_a = errorResponse.graphQLErrors) === null || _a === void 0 ? void 0 : _a.forEach(error => {
+                var _a, _b;
+                if (error === null || error === void 0 ? void 0 : error.extensions) {
+                    error.extensions.traceId = (_b = (_a = errorResponse.response) === null || _a === void 0 ? void 0 : _a.extensions) === null || _b === void 0 ? void 0 : _b.traceId;
+                    traceIds.push(error.extensions.traceId);
+                }
+            });
+            /**
+             * We want to see the full graphQL error since
+             * it contains extra details like the query/mutation
+             * name.
+             */
+            if (Sentry__namespace) {
+                if (traceIds.length) {
+                    Sentry__namespace.setTag("traceIds", traceIds.join(", "));
+                }
+                Sentry__namespace.addBreadcrumb({
+                    category: "GraphQL",
+                    message: "GraphQL Error",
+                    level: "error",
+                    data: {
+                        log: JSON.stringify(errorResponse.graphQLErrors),
+                    },
+                });
+            }
+        }
+        const invalidToken = (_b = errorResponse.graphQLErrors) === null || _b === void 0 ? void 0 : _b.some(x => {
+            var _a, _b, _c;
+            return ((_a = x === null || x === void 0 ? void 0 : x.extensions) === null || _a === void 0 ? void 0 : _a.code) === "UNAUTHENTICATED" ||
+                ((_b = x === null || x === void 0 ? void 0 : x.message) === null || _b === void 0 ? void 0 : _b.includes("Invalid token specified")) ||
+                ((_c = x === null || x === void 0 ? void 0 : x.message) === null || _c === void 0 ? void 0 : _c.includes("Access denied! You need to be authorized to perform this action!"));
+        });
+        if (invalidToken) {
+            Sentry__namespace.captureException({
+                category: "GraphQL",
+                message: "GraphQL Error - invalidToken",
+                level: "warning",
+                data: {
+                    log: JSON.stringify(errorResponse.graphQLErrors),
+                },
+            });
+            window.location.replace(`${publicUrl}logout`);
+        }
+        if (errorResponse.networkError) {
+            // eslint-disable-next-line no-console
+            console.error(errorResponse.networkError);
+        }
+    });
+    const defaultOptions = {
+        watchQuery: {
+            fetchPolicy: "no-cache",
+            errorPolicy: "all",
+        },
+        query: {
+            fetchPolicy: "no-cache",
+        },
+    };
+    const client$1 = new client.ApolloClient({
+        name: "Manager",
+        connectToDevTools: isDev,
+        cache: new client.InMemoryCache(),
+        defaultOptions,
+        link: client.from([
+            errorLink,
+            authLink,
+            client.split(operation => operation.getContext().clientName === "imageupload", imageUploadGraphQLLink),
+            client.split(operation => operation.getContext().clientName === "manager", managerGraphQLLink, client.split(operation => operation.getContext().clientName === "report", reportGraphQLLink, isIrisApp ? publicGraphQLLink : legacyGraphQLLink)),
+        ]),
+    });
+    return jsxRuntime.jsx(client.ApolloProvider, Object.assign({ client: client$1 }, { children: children }));
+};
+
+const ToastProviderApp = ({ children }) => {
+    const value = React.useMemo(() => ({ addToast: irisAppRuntimeCore.ToastRuntime.addToast }), []);
+    return jsxRuntime.jsx(reactCoreHooks.ToastProvider, Object.assign({ value: value }, { children: children }));
+};
+
+/**
+ * Subscribe to methods initiated by changes in the host
+ *
+ * @param methods STABLE object with the methods you'd want to subscribe to. Wrap in useMemo for instance to make it stable
+ */
+const useSubscribeToHostChanges = (methods) => {
+    React.useEffect(() => {
+        const connection = irisAppRuntimeCore.setupHostConnector(methods);
+        return () => {
+            connection.destroy();
+        };
+    }, [methods]);
+};
+
+const TileAssetSortingProvider = ({ children }) => {
+    const [assetSortingState, setAssetSortingState] = React.useState(null);
+    React.useEffect(() => {
+        irisAppRuntimeCore.AssetSortingRuntime.getAssetSortingState()
+            .catch(() => null)
+            .then(setAssetSortingState);
+    }, []);
+    const methods = React.useMemo(() => ({
+        onAssetSortingStateChanged: setAssetSortingState,
+    }), [setAssetSortingState]);
+    useSubscribeToHostChanges(methods);
+    const contextValue = React.useMemo(() => ({
+        sortingState: assetSortingState,
+        setSortBy: irisAppRuntimeCore.AssetSortingRuntime.setAssetSortingState,
+    }), [assetSortingState]);
+    if (!assetSortingState) {
+        return null;
+    }
+    return jsxRuntime.jsx(reactCoreHooks.AssetSortingProvider, Object.assign({ value: contextValue }, { children: children }));
+};
+
+const TileEnvironmentProvider = ({ children }) => {
+    const [environment, setEnvironment] = React__namespace.useState(null);
+    React__namespace.useEffect(() => {
+        const updateEnv = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                setEnvironment(yield irisAppRuntimeCore.EnvironmentRuntime.getEnvironmentContext());
+            }
+            catch (error) {
+                setEnvironment(null);
+                // eslint-disable-next-line no-console
+                console.error("Could not load environment!");
+            }
+        });
+        updateEnv();
+    }, []);
+    if (!environment) {
+        return null;
+    }
+    return jsxRuntime.jsx(reactCoreHooks.EnvironmentContextProvider, Object.assign({ value: environment }, { children: children }));
+};
+
+const TileGlobalSelectionProvider = ({ children }) => {
+    const [GlobalSelectionContext, setGlobalSelectionContext] = React.useState(null);
+    React.useEffect(() => {
+        irisAppRuntimeCore.GlobalSelectionRuntime.getGlobalSelection()
+            .catch(() => null)
+            .then(setGlobalSelectionContext);
+    }, []);
+    const methods = React.useMemo(() => ({
+        onGlobalSelectionChanged: setGlobalSelectionContext,
+    }), [setGlobalSelectionContext]);
+    useSubscribeToHostChanges(methods);
+    if (!GlobalSelectionContext) {
+        return null;
+    }
+    return jsxRuntime.jsx(reactCoreHooks.GlobalSelectionProvider, Object.assign({ value: GlobalSelectionContext }, { children: children }));
+};
+
+const TileTokenProvider = ({ children }) => {
+    const [tokenContext, setTokenContext] = React__namespace.useState(null);
+    React__namespace.useEffect(() => {
+        const updateContext = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                setTokenContext(yield irisAppRuntimeCore.TokenRuntime.getTokenContext());
+            }
+            catch (error) {
+                setTokenContext(null);
+            }
+        });
+        updateContext();
+    }, []);
+    const methods = React__namespace.useMemo(() => ({
+        onTokenChanged: setTokenContext,
+    }), [setTokenContext]);
+    useSubscribeToHostChanges(methods);
+    if (!tokenContext) {
+        return null;
+    }
+    return jsxRuntime.jsx(reactCoreHooks.TokenProvider, Object.assign({ value: tokenContext }, { children: children }));
+};
+
+const TileCurrentUserProvider = ({ children }) => {
+    const [currentuserContext, setCurrentUserContext] = React__namespace.useState(null);
+    React__namespace.useEffect(() => {
+        irisAppRuntimeCore.CurrentUserRuntime.getCurrentUserContext()
+            .catch(() => null)
+            .then(setCurrentUserContext);
+    }, []);
+    if (!currentuserContext) {
+        return null;
+    }
+    return jsxRuntime.jsx(reactCoreHooks.CurrentUserProvider, Object.assign({ value: currentuserContext }, { children: children }));
+};
+
+const UserSubscriptionProvider = ({ children }) => {
+    const [subscription, setSubscription] = React__namespace.useState(null);
+    React__namespace.useEffect(() => {
+        irisAppRuntimeCore.UserSubscriptionRuntime.getUserSubscriptionContext()
+            .catch(() => null)
+            .then(setSubscription);
+    }, []);
+    if (!subscription) {
+        return null;
+    }
+    return jsxRuntime.jsx(reactCoreHooks.UserSubscriptionProvider, Object.assign({ value: subscription }, { children: children }));
+};
+
+const TrackunitDataProviders = ({ children }) => (jsxRuntime.jsx(TileEnvironmentProvider, { children: jsxRuntime.jsx(TileTokenProvider, { children: jsxRuntime.jsx(TileCurrentUserProvider, { children: jsxRuntime.jsx(UserSubscriptionProvider, { children: jsxRuntime.jsx(TileGlobalSelectionProvider, { children: jsxRuntime.jsx(TileAssetSortingProvider, { children: jsxRuntime.jsx(ManagerApolloProvider, Object.assign({ isIrisApp: true }, { children: children })) }) }) }) }) }) }));
+
+const HostNavigator = ({ children }) => {
+    reactCoreHooks.useURLSynchronization();
+    // eslint-disable-next-line react/jsx-no-useless-fragment
+    return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
+};
+const TrackunitRouter = ({ children }) => {
+    var _a;
+    return (jsxRuntime.jsx(reactRouterDom.BrowserRouter, Object.assign({ basename: `${((_a = document.getElementById("baseHref")) === null || _a === void 0 ? void 0 : _a.getAttribute("href")) || "<missing baseHref>"}${global.module}` }, { children: jsxRuntime.jsx(HostNavigator, { children: children }) })));
+};
+
+const TrackunitProviders = ({ translations, children }) => {
+    if (translations) {
+        i18nLibraryTranslation.registerTranslations(translations); // Register the apps translations if passed.
+    }
+    i18nLibraryTranslation.initializeTranslationsForApp(); // Initialize all registered translations
+    return (jsxRuntime.jsx(TrackunitDataProviders, { children: jsxRuntime.jsx(ToastProviderApp, { children: jsxRuntime.jsx(React__namespace.Suspense, Object.assign({ fallback: jsxRuntime.jsx(reactComponents.Spinner, { centering: "centered" }) }, { children: jsxRuntime.jsx(TrackunitRouter, { children: children }) })) }) }));
+};
+
+exports.ManagerApolloProvider = ManagerApolloProvider;
+exports.ToastProviderApp = ToastProviderApp;
+exports.TrackunitProviders = TrackunitProviders;

package/index.js

@@ -92,8 +92,21 @@ const ManagerApolloProvider = ({ children, isIrisApp }) => {
                 });
             }
         }
-        const invalidToken = (_b = errorResponse.graphQLErrors) === null || _b === void 0 ? void 0 : _b.some(x => { var _a, _b; return ((_a = x === null || x === void 0 ? void 0 : x.extensions) === null || _a === void 0 ? void 0 : _a.code) === "UNAUTHENTICATED" || ((_b = x === null || x === void 0 ? void 0 : x.message) === null || _b === void 0 ? void 0 : _b.includes("Invalid token specified")); });
+        const invalidToken = (_b = errorResponse.graphQLErrors) === null || _b === void 0 ? void 0 : _b.some(x => {
+            var _a, _b, _c;
+            return ((_a = x === null || x === void 0 ? void 0 : x.extensions) === null || _a === void 0 ? void 0 : _a.code) === "UNAUTHENTICATED" ||
+                ((_b = x === null || x === void 0 ? void 0 : x.message) === null || _b === void 0 ? void 0 : _b.includes("Invalid token specified")) ||
+                ((_c = x === null || x === void 0 ? void 0 : x.message) === null || _c === void 0 ? void 0 : _c.includes("Access denied! You need to be authorized to perform this action!"));
+        });
         if (invalidToken) {
+            Sentry.captureException({
+                category: "GraphQL",
+                message: "GraphQL Error - invalidToken",
+                level: "warning",
+                data: {
+                    log: JSON.stringify(errorResponse.graphQLErrors),
+                },
+            });
             window.location.replace(`${publicUrl}logout`);
         }
         if (errorResponse.networkError) {

package/package.json

@@ -1,24 +1,24 @@
 {
   "name": "@trackunit/react-core-contexts",
-  "version": "0.4.91",
+  "version": "0.4.93",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
     "graphql": "^15.8.0",
-    "@trackunit/iris-app-runtime-core": "0.3.22",
-    "@trackunit/react-core-contexts-api": "0.2.19",
-    "@trackunit/react-core-contexts-test": "0.1.34",
-    "@trackunit/react-core-hooks": "0.2.32",
+    "@trackunit/iris-app-runtime-core": "0.3.23",
+    "@trackunit/react-core-contexts-api": "0.2.20",
+    "@trackunit/react-core-contexts-test": "0.1.35",
+    "@trackunit/react-core-hooks": "0.2.33",
     "react": "18.2.0",
     "@apollo/client": "3.7.10",
     "@sentry/browser": "7.24.2",
     "apollo-upload-client": "17.0.0",
-    "@trackunit/i18n-library-translation": "0.0.31",
-    "@trackunit/react-components": "0.1.65",
+    "@trackunit/i18n-library-translation": "0.0.32",
+    "@trackunit/react-components": "0.1.66",
     "react-router-dom": "6.4.5"
   },
   "module": "./index.js",
-  "main": "./index.js",
+  "main": "./index.cjs",
   "type": "module",
   "types": "./src/index.d.ts",
   "peerDependencies": {}