@dexteel/mesf-core 7.14.0 → 7.15.1

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "7.14.0"
+  ".": "7.15.1"
 }

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [7.15.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.15.0...@dexteel/mesf-core-v7.15.1) (2026-03-04)
+
+
+### Bug Fixes
+
+* **Poll for updates:** add snackbar to mesf-core-frontend ([#615](https://github.com/dexteel/mesf-core-frontend/issues/615)) ([1c9f355](https://github.com/dexteel/mesf-core-frontend/commit/1c9f355fa362140f3b644a8a2585e99b10317b96))
+
+## [7.15.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.14.0...@dexteel/mesf-core-v7.15.0) (2026-03-04)
+
+
+### Features
+
+* **version-check:** add frontend polling hook for update notifications ([feaf9ff](https://github.com/dexteel/mesf-core-frontend/commit/feaf9ff9cec2e0d167f9b256cbc8789d5b6c8dc5))
+
 ## [7.14.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v7.13.3...@dexteel/mesf-core-v7.14.0) (2026-02-26)
 
 

package/dist/MESFMain.d.ts

@@ -14,6 +14,9 @@ interface Props {
     plantAssetId?: number;
     theme?: any;
     logbookSettings?: Partial<LogbookSettingsState>;
+    enableFrontendVersionCheck?: boolean;
+    frontendVersionCheckIntervalMs?: number;
+    frontendVersionEndpoint?: string;
 }
-declare function MESFMain({ authentication, routes, navbar, navbarTitle, configurations, showAreaSelector, showTrendingsV2Icon, byPassHeaderRoutes, plantAssetId, theme, logbookSettings, }: Props): React.JSX.Element;
+declare function MESFMain({ authentication, routes, navbar, navbarTitle, configurations, showAreaSelector, showTrendingsV2Icon, byPassHeaderRoutes, plantAssetId, theme, logbookSettings, enableFrontendVersionCheck, frontendVersionCheckIntervalMs, frontendVersionEndpoint, }: Props): React.JSX.Element;
 export { MESFMain };

package/dist/hooks/useFrontendVersionCheck.d.ts

@@ -0,0 +1,17 @@
+type FrontendVersionResponse = {
+    hash: string;
+    lastModifiedUtc?: string;
+};
+type UseFrontendVersionCheckOptions = {
+    endpoint?: string;
+    intervalMs?: number;
+    enabled?: boolean;
+    onUpdate?: (response: FrontendVersionResponse) => void;
+};
+type UseFrontendVersionCheckResult = {
+    isUpdateAvailable: boolean;
+    currentHash: string | null;
+    error: Error | null;
+};
+export declare const useFrontendVersionCheck: ({ endpoint, intervalMs, enabled, onUpdate, }?: UseFrontendVersionCheckOptions) => UseFrontendVersionCheckResult;
+export {};

package/dist/index.d.ts

@@ -23,6 +23,7 @@ export * from "./controls";
 export * from "./css/themeMESF";
 export { HelmetDexteel } from "./helmet/HelmetDexteel";
 export * from "./hooks/useMesfRealtime";
+export * from "./hooks/useFrontendVersionCheck";
 export * from "./MESFMain";
 export { logbookNavbar, logbookRoutesMESF } from "./pages/logbook";
 export { sectionLogbookNavbar, sectionLogbookRoutesMESF, } from "./pages/section-logbook";

package/dist/index.esm.js

@@ -9591,6 +9591,77 @@ const UTLSettingsProvider = ({ children }) => {
     return (React__default.createElement(UTLSettingsContext.Provider, { value: { state, actions, isLoading } }, children));
 };
 
+const useFrontendVersionCheck = ({ endpoint = "/frontend/version", intervalMs = 60000, enabled = true, onUpdate, } = {}) => {
+    const [isUpdateAvailable, setIsUpdateAvailable] = useState(false);
+    const [currentHash, setCurrentHash] = useState(null);
+    const [error, setError] = useState(null);
+    const initialHashRef = useRef(null);
+    useEffect(() => {
+        if (!enabled || isUpdateAvailable) {
+            return;
+        }
+        let isDisposed = false;
+        let intervalId = null;
+        const loadVersion = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const separator = endpoint.includes("?") ? "&" : "?";
+                const response = yield fetch(`${endpoint}${separator}_t=${Date.now()}`, {
+                    cache: "no-store",
+                });
+                if (!response.ok) {
+                    throw new Error(`Version check failed with status ${response.status}`);
+                }
+                const payload = (yield response.json());
+                if (!(payload === null || payload === void 0 ? void 0 : payload.hash)) {
+                    throw new Error("Version check response does not include a hash");
+                }
+                if (isDisposed) {
+                    return;
+                }
+                setError(null);
+                setCurrentHash(payload.hash);
+                if (!initialHashRef.current) {
+                    initialHashRef.current = payload.hash;
+                    return;
+                }
+                if (initialHashRef.current !== payload.hash) {
+                    setIsUpdateAvailable(true);
+                    onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(payload);
+                    if (intervalId !== null) {
+                        window.clearInterval(intervalId);
+                    }
+                }
+            }
+            catch (requestError) {
+                if (isDisposed) {
+                    return;
+                }
+                if (requestError instanceof Error) {
+                    setError(requestError);
+                }
+                else {
+                    setError(new Error("Unexpected error while checking frontend version"));
+                }
+            }
+        });
+        void loadVersion();
+        intervalId = window.setInterval(() => {
+            void loadVersion();
+        }, intervalMs);
+        return () => {
+            isDisposed = true;
+            if (intervalId !== null) {
+                window.clearInterval(intervalId);
+            }
+        };
+    }, [enabled, endpoint, intervalMs, isUpdateAvailable, onUpdate]);
+    return {
+        isUpdateAvailable,
+        currentHash,
+        error,
+    };
+};
+
 const RouterContext = createContext(() => React__default.createElement(React__default.Fragment, null));
 const ConfigurationContext = createContext([
     [],
@@ -15387,7 +15458,14 @@ const queryClient = new QueryClient({
         },
     },
 });
-function MESFMain({ authentication, routes, navbar, navbarTitle = "MESF", configurations, showAreaSelector = false, showTrendingsV2Icon = true, byPassHeaderRoutes = [], plantAssetId = 1, theme = themeMESF, logbookSettings = {}, }) {
+function MESFMain({ authentication, routes, navbar, navbarTitle = "MESF", configurations, showAreaSelector = false, showTrendingsV2Icon = true, byPassHeaderRoutes = [], plantAssetId = 1, theme = themeMESF, logbookSettings = {}, enableFrontendVersionCheck = true, frontendVersionCheckIntervalMs = 60000, frontendVersionEndpoint = "/frontend/version", }) {
+    const [isVersionMessageDismissed, setIsVersionMessageDismissed] = useState(false);
+    const { isUpdateAvailable } = useFrontendVersionCheck({
+        enabled: enableFrontendVersionCheck,
+        intervalMs: frontendVersionCheckIntervalMs,
+        endpoint: frontendVersionEndpoint,
+    });
+    const showVersionAlert = isUpdateAvailable && !isVersionMessageDismissed;
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement(CssBaseline, null),
         React__default.createElement(StyledEngineProvider, { injectFirst: true },
@@ -15410,7 +15488,14 @@ function MESFMain({ authentication, routes, navbar, navbarTitle = "MESF", config
                                                                             React__default.createElement(BrowserRouter, { basename: base },
                                                                                 React__default.createElement(Routes, null,
                                                                                     React__default.createElement(Route, { path: "/logout", element: React__default.createElement(Logout, null) })),
-                                                                                React__default.createElement(Navigation, { showAreaSelector: showAreaSelector, navbarTitle: navbarTitle, byPassHeaderRoutes: byPassHeaderRoutes, showTrendingsV2Icon: showTrendingsV2Icon })))))))))))))))))))));
+                                                                                React__default.createElement(Navigation, { showAreaSelector: showAreaSelector, navbarTitle: navbarTitle, byPassHeaderRoutes: byPassHeaderRoutes, showTrendingsV2Icon: showTrendingsV2Icon }))))))))))))))))))),
+        React__default.createElement(Snackbar, { open: showVersionAlert, onClose: (_, reason) => {
+                if (reason === "clickaway") {
+                    return;
+                }
+                setIsVersionMessageDismissed(true);
+            }, anchorOrigin: { vertical: "bottom", horizontal: "center" } },
+            React__default.createElement(Alert$1, { severity: "info", action: React__default.createElement(Button, { color: "inherit", size: "small", onClick: () => window.location.reload() }, "Reload") }, "There is a new version. Please reload the page."))));
 }
 
 const ExcelButton = ({ handleExportToExcel, disabled }) => {
@@ -20169,5 +20254,5 @@ var areaSelector = /*#__PURE__*/Object.freeze({
     AreaSelector: AreaSelector
 });
 
-export { Account, AssetProvider, AssetTreePicker, AuthContext, AuthProvider, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CreateNewAssetDialog, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ENTRY_INITIAL_VALUES$1 as ENTRY_INITIAL_VALUES, EditAssetDialog, ErrorModal, ExcelIcon, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HelmetDexteel, IntegerFormatter, LogbookSettingsInitialState, LogbookSettingsProvider, Login, Logout, LongFilterPanel, MESApiService, MESFLogbookEntry$1 as MESFLogbookEntry, MESFLogbookReport$1 as MESFLogbookReport, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, RemoveAssetDialog, SPExecutorPage, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, TimeAndUserMenu, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, USER_LABELS, UTLSettingsProvider, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getEntries$1 as getEntries, getError, getMomentTz, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUserPermissionsFromAPI, getUsers, logbookNavbar, logbookRoutesMESF, renewToken, routeLogbookEntry$1 as routeLogbookEntry, routeLogbookReport, useSearchAssets as searchAssets, sectionLogbookNavbar, sectionLogbookRoutesMESF, setPassword, setProfilesToUser, themeDXT, themeMESF, upsertUser, useAssetContext, useContextMenuMESF, useEntries$1 as useEntries, useHasPermission, useHasProfile, useLogbookSettings, useMesfRealtime, useShiftNavigator, useShiftNavigatorManager, useToken, useUTLSettingsContext, useUserContext };
+export { Account, AssetProvider, AssetTreePicker, AuthContext, AuthProvider, ButtonWithLoading, ChangePassword, CheckBoxControl, Configuration$1 as Configuration, ContextMenu$1 as ContextMenu, ContextMenuMESFProvider, CreateNewAssetDialog, CurrencyFormatter, DataGridControl, DateFormatter, DateTimeFormatter, ENTRY_INITIAL_VALUES$1 as ENTRY_INITIAL_VALUES, EditAssetDialog, ErrorModal, ExcelIcon, FetchError, FilterPanel, GenericPanel, GenericTable, GetCrewColor, GetShiftColor, HelmetDexteel, IntegerFormatter, LogbookSettingsInitialState, LogbookSettingsProvider, Login, Logout, LongFilterPanel, MESApiService, MESFLogbookEntry$1 as MESFLogbookEntry, MESFLogbookReport$1 as MESFLogbookReport, MESFMain, MESSAGE_API, MESSAGE_ERRORS, MasterDetailPanel, MesfModal, ModalTreeFilterControl, MultipleSelectorControl, NumberFormatter, RemoveAssetDialog, SPExecutorPage, ShiftDayNavigatorControl, ShiftNavigatorProvider, ShiftPeriodNavigatorControl, SimplePasswordControl, SimpleSelectorControl, TimeAndUserMenu, TimeFormatter, TimeService, TreePickerControl, TreePickerControlV2, USER_LABELS, UTLSettingsProvider, UserProvider, axiosInstance, deleteUser, dxtServerTimeZone, dxtToLocalServerTime, dxtToUTC, formatNumber, getAuthTypes, getCrewStyle, getDataUser, getEntries$1 as getEntries, getError, getMomentTz, getShiftByParameters, getShiftStyle, getShiftsRangeByParameters, getTokenFromLS, getUserPermissionsFromAPI, getUsers, logbookNavbar, logbookRoutesMESF, renewToken, routeLogbookEntry$1 as routeLogbookEntry, routeLogbookReport, useSearchAssets as searchAssets, sectionLogbookNavbar, sectionLogbookRoutesMESF, setPassword, setProfilesToUser, themeDXT, themeMESF, upsertUser, useAssetContext, useContextMenuMESF, useEntries$1 as useEntries, useFrontendVersionCheck, useHasPermission, useHasProfile, useLogbookSettings, useMesfRealtime, useShiftNavigator, useShiftNavigatorManager, useToken, useUTLSettingsContext, useUserContext };
 //# sourceMappingURL=index.esm.js.map