@dexteel/mesf-core 5.12.0 → 5.12.1

package/.release-please-manifest.json

@@ -1,3 +1,3 @@
 {
-  ".": "5.12.0"
+  ".": "5.12.1"
 }

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# Changelog
+
+## [5.12.1](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.12.0...@dexteel/mesf-core-v5.12.1) (2025-09-12)
+
+
+### Bug Fixes
+
+* **Settings:** rewrite UTLSettingContext to make sure settings are lo… ([3f6c367](https://github.com/dexteel/mesf-core-frontend/commit/3f6c36797ce0e0bed33dc574589347ba0a39f34e))
+* **Settings:** rewrite UTLSettingContext to make sure settings are loaded before application ([eb262d9](https://github.com/dexteel/mesf-core-frontend/commit/eb262d92c51880f3a63349accc8ef259e843de7e))
+
+## [5.12.0] - 2025-09-09
+
+
+
 # Changelog
 
 ## [5.12.0](https://github.com/dexteel/mesf-core-frontend/compare/@dexteel/mesf-core-v5.11.0...@dexteel/mesf-core-v5.12.0) (2025-09-09)

package/CLAUDE.md

@@ -0,0 +1,89 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Development Commands
+
+### Build and Development
+- `npm run build` - Build the library for production using Rollup
+- `npm run watch` or `npm start` - Build in watch mode for development
+- `npm run ci` - Clean build for CI environments
+
+### Code Quality
+- `npx @biomejs/biome check --write ./src` - Format and organize imports with Biome
+- Pre-commit hook automatically runs Biome formatting on staged files
+
+## Architecture Overview
+
+This is `@dexteel/mesf-core`, a React component library built as an NPM package using TypeScript and Rollup. The library provides a comprehensive set of components and utilities for manufacturing execution systems.
+
+### Key Architecture Patterns
+
+**Library Structure**: The project follows a modular library architecture with clear separation between:
+- Components (UI elements)
+- Context providers (state management)
+- Services (API communication)
+- Configuration modules (settings and user management)
+- Utilities and hooks
+
+**Export Strategy**: All public APIs are exported through `src/index.ts` using barrel exports, making the library consumable as a single package.
+
+**State Management**: Uses React Context pattern extensively:
+- `UTLSettingContext` - User settings and preferences
+- `userContext` - User authentication and profile data
+- `assetContext` - Asset management state
+- `axiosInstance` - HTTP client configuration with interceptors
+
+**Real-time Communication**: Integrates SignalR (`@microsoft/signalr`) for real-time updates via the `useMesfRealtime` hook.
+
+### Directory Structure
+
+- **src/components/** - Reusable UI components organized by domain
+  - `navigation/` - Header, menu components
+  - `modals/` - Dialog components  
+  - `shared/` - Common utility components
+
+- **src/configuration/** - Admin and configuration modules
+  - Handles user management, system settings
+  - Contains pages for administrative functions
+
+- **src/context/** - React Context providers
+  - Authentication, settings, and shared state management
+  - Axios configuration with request/response interceptors
+
+- **src/hooks/** - Custom React hooks
+  - Real-time data hooks, search utilities
+
+- **src/services/** - API communication layer
+- **src/utils/** - Utility functions and helpers
+- **src/controls/** - Form controls and input components
+
+### Technology Stack
+
+**Core Framework**: React 17 with TypeScript
+**Build Tool**: Rollup with TypeScript plugin
+**Styling**: Material-UI v4 with custom theme support
+**State**: Redux Toolkit for complex state, React Context for simpler state
+**Authentication**: Azure MSAL for Microsoft authentication
+**Data Visualization**: Nivo charts, Chart.js with react-chartjs-2
+**Grid Component**: AG Grid (Enterprise features available)
+**Date Handling**: Moment.js with timezone support
+
+### Key Dependencies
+
+The library has extensive peer dependencies that consuming applications must provide:
+- Material-UI components and theming
+- AG Grid for data tables
+- Chart libraries (Nivo, Chart.js)
+- React Router DOM for navigation
+- Redux Toolkit for state management
+
+### Development Notes
+
+**Styling**: Uses Material-UI v4 theming system. Custom theme exports available via `src/css/themeMESF`.
+
+**Internationalization**: Components support timezone handling via `moment-timezone` and `date-fns-tz`.
+
+**Bundle Optimization**: Rollup configuration externalizes React and Babel runtime to prevent duplication in consuming applications.
+
+**Code Quality**: Biome is configured for formatting and import organization, but linting is disabled (see biome.json).

package/dist/index.esm.js

@@ -14886,30 +14886,6 @@ var Navigation = function (_a) {
         React__default.createElement(MESFMainContainer, null)));
 };
 
-var useSearchUTLSettings = function (_a) {
-    var onError = _a.onError;
-    var initSettings = useUTLSettingsContext().actions.initSettings;
-    var searchUTLSettings = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var res, settings;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0: return [4 /*yield*/, getUTLSettings()];
-                case 1:
-                    res = _a.sent();
-                    if (res.ok) {
-                        settings = get(res, "data.tables[0].rows", []);
-                        initSettings(settings);
-                    }
-                    else {
-                        onError(res.message);
-                    }
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return { searchUTLSettings: searchUTLSettings };
-};
-
 var UTLSettingsInitialState = {
     serverTimeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
     settings: {},
@@ -14929,7 +14905,7 @@ var UTLSettingsReducer = createSlice({
         initSettings: function (state, _a) {
             var payload = _a.payload;
             state.settings = payload.reduce(function (acc, cur) {
-                if (cur.SettingName.trim() === "TimeZone") {
+                if (cur.SettingName.trim().toLowerCase() === "timezone") {
                     var timeService = TimeService.getInstance();
                     timeService.setTimeZone(cur.Value);
                 }
@@ -14953,9 +14929,25 @@ var UTLSettingsProvider = function (_a) {
         reducers: UTLSettingsReducer.caseReducers,
     }), state = _b[0], actions = _b[1];
     var _c = useState(true), isLoading = _c[0], setIsLoading = _c[1];
-    var searchUTLSettings = useSearchUTLSettings({
-        onError: console.error,
-    }).searchUTLSettings;
+    var searchUTLSettings = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var res, settings, settingsTrimmed;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getUTLSettings()];
+                case 1:
+                    res = _a.sent();
+                    if (res.ok) {
+                        settings = get(res, "data.tables[0].rows", []);
+                        settingsTrimmed = settings.map(function (setting) { return (__assign(__assign({}, setting), { SettingName: setting.SettingName.trim() })); });
+                        actions.initSettings(settingsTrimmed);
+                    }
+                    else {
+                        console.error(res.message);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     useEffect(function () {
         setIsLoading(true);
         searchUTLSettings().then(function () {
@@ -14965,9 +14957,7 @@ var UTLSettingsProvider = function (_a) {
     useMesfRealtime({
         onReceiveMessage: function (author, message) {
             if (message === "UTL.GetSettings") {
-                searchUTLSettings().then(function () {
-                    // setIsLoading(false);
-                });
+                searchUTLSettings();
             }
         },
     });
@@ -14983,7 +14973,7 @@ var ProvidersLoader = function (_a) {
                 display: "flex",
                 justifyContent: "center",
                 alignItems: "center",
-                height: "100vh",
+                height: "80vh",
             } },
             React__default.createElement(CircularProgress, null)));
     }