@dexteel/mesf-core

A React component library for Dexteel Manufacturing Execution Systems (MES). Provides shared UI components, context providers, services, hooks, and utilities used across Dexteel frontend applications.

Installation

npm install @dexteel/mesf-core

Peer Dependencies

This library requires the consuming application to provide the following:

{
  "@emotion/react": "^11.14.0",
  "@emotion/styled": "^11.14.1",
  "@mui/icons-material": "latest-v6",
  "@mui/lab": "latest-v6",
  "@mui/material": "latest-v6",
  "@mui/styles": "latest-v6",
  "@mui/x-data-grid": "latest-v7",
  "@mui/x-date-pickers": "latest-v7",
  "@mui/x-tree-view": "latest-v7",
  "@react-spring/web": "^9.7.5",
  "@reduxjs/toolkit": "^1.6.2",
  "ag-grid-community": "^33.3.1",
  "ag-grid-enterprise": "^33.3.1",
  "ag-grid-react": "^33.3.1",
  "date-fns": "^3.0.0 || ^4.0.0",
  "moment": "^2.29.1",
  "react": "^18.3.1",
  "react-dom": "^18.3.1",
  "react-router-dom": "^6.30.1"
}

Development

# Install dependencies
npm install

# Build for production
npm run build

# Build in watch mode
npm run watch
# or
npm start

# Type checking
npm run type-check

# Format and organize imports
npx @biomejs/biome check --write ./src

Deploying in Subfolders

When deploying a consuming application into a subfolder, edit the following file in the deployed build:

DEPLOY_FOLDER/ClientApp/dist/index.html

Change the <base /> tag to the desired base URL.

Important: Always include a trailing slash.

Examples:

• <base href="/" /> (default)
• <base href="/old/" />
• <base href="/testing/" />
• <base href="/old/testing/" />