feat(*): add manufacturing sample - #58
Open
igdmdimitrov wants to merge 1 commit into
Open
Conversation
There was a problem hiding this comment.
Pull request overview
Adds a new Manufacturing Operations sample and wires it into the main React Grid Examples app, including assets, routing, and a standalone Vite project under projects/.
Changes:
- Introduces a new Manufacturing Operations dashboard sample (work orders + equipment + downtime + shift handoff/Gantt) with supporting mock data and styling.
- Integrates the sample into the main app via a new view, home tab metadata, and routes.
- Updates build/assets setup (copies new project public assets) and adds the
apexganttdependency at the repo root.
Reviewed changes
Copilot reviewed 27 out of 39 changed files in this pull request and generated 7 comments.
Show a summary per file
| File | Description |
|---|---|
| vite.config.ts | Copies manufacturing project public assets into the main build output. |
| src/app/views/manifacturing/manifacturing-view.tsx | Hosts the manufacturing sample inside the main app and injects required theme CSS. |
| src/app/views/home/home-view.tsx | Adds a new home tab entry + metadata for the manufacturing sample. |
| src/app/app-routes.tsx | Registers routes for the manufacturing sample in the main router. |
| projects/manifacturing/vite.config.ts | Standalone Vite config for the manufacturing sample project. |
| projects/manifacturing/tsconfig.node.json | TS config for node/Vite config compilation in the standalone project. |
| projects/manifacturing/tsconfig.json | TS project references for app/node configs. |
| projects/manifacturing/tsconfig.app.json | Standalone project TS config for the app source. |
| projects/manifacturing/styles.scss | Standalone project global styles. |
| projects/manifacturing/src/vite-env.d.ts | Vite/TS env + CSS module typing for the standalone project. |
| projects/manifacturing/src/theme.css | Sample-specific CSS variables/theme tokens and grid theming overrides. |
| projects/manifacturing/src/shift-handoff-view.tsx | “Shift Handoff” tab UI including Gantt + master-detail grid. |
| projects/manifacturing/src/production-operations.tsx | Main manufacturing dashboard UI with tabs, grids, filters, export, and lazy-loaded heavy tabs. |
| projects/manifacturing/src/production-operations.module.css | Main styling for the manufacturing dashboard UI. |
| projects/manifacturing/src/ops-extra-data.ts | Mock data/models for shift handoff + downtime tabs. |
| projects/manifacturing/src/main.tsx | Standalone app bootstrap + theme imports. |
| projects/manifacturing/src/equipment-view.tsx | Equipment card grid + detail dialog UI. |
| projects/manifacturing/src/downtime-view.tsx | Downtime tab UI (KPIs, charts, offenders, event log with master-detail). |
| projects/manifacturing/src/data.ts | Mock data/models for work orders, equipment, KPIs, and charts. |
| projects/manifacturing/src/charts.tsx | Ignite UI charts wrappers used by the dashboard. |
| projects/manifacturing/src/app.tsx | Standalone app root component. |
| projects/manifacturing/src/apex-gantt.tsx | React wrapper around apexgantt core class for selection + lifecycle. |
| projects/manifacturing/README.md | Standalone project readme (run/build instructions). |
| projects/manifacturing/package.json | Standalone project dependencies/scripts. |
| projects/manifacturing/index.html | Standalone project HTML entry. |
| projects/manifacturing/eslint.config.js | Standalone project ESLint config. |
| projects/manifacturing/.gitignore | Standalone project ignore rules. |
| package.json | Adds apexgantt dependency at repo root for the embedded sample build. |
| package-lock.json | Locks the newly added apexgantt (and transitive dayjs) dependency. |
Suppressed comments (1)
src/app/views/home/home-view.tsx:126
- The tab key
manifacturingis misspelled (should be “manufacturing”). Because this key is used for routing/tab selection and for looking up tab metadata, keeping the typo will bake the misspelling into URLs and internal identifiers.
💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.
Comment on lines
+35
to
+37
| { | ||
| src: './projects/manifacturing/public/**', | ||
| dest: '', |
Comment on lines
+1
to
+8
| import ProductionOperations from "../../../../projects/manifacturing/src/production-operations"; | ||
|
|
||
| import lightIndigoGrid from "igniteui-react-grids/grids/themes/light/indigo.css?inline"; | ||
| import lightIndigoWc from "igniteui-webcomponents/themes/light/indigo.css?inline"; | ||
| import sampleTheme from "../../../../projects/manifacturing/src/theme.css?inline"; | ||
|
|
||
| export default function ManifacturingView() { | ||
| return ( |
Comment on lines
6
to
8
| import FleetManagementView from "./views/fleet-management/fleet-management-view"; | ||
| import ManifacturingView from "./views/manifacturing/manifacturing-view"; | ||
| import HomeView from "./views/home/home-view"; |
| @@ -0,0 +1,14 @@ | |||
| # Manifacturing Sample | |||
Comment on lines
+1
to
+4
| { | ||
| "name": "manifacturing", | ||
| "private": true, | ||
| "version": "0.1.0", |
| </span> | ||
| Export | ||
| </IgrButton> | ||
| <IgrDropdownItem value="excel">Excel (.xlsx)</IgrDropdownItem> |
Comment on lines
+7
to
+9
| * (We bypass the official `react-apexgantt` wrapper because its 1.1.0 build | ||
| * re-exports a `ViewMode` symbol that isn't present in apexgantt 3.15's ESM | ||
| * bundle, which breaks the Rolldown/Vite production build.) |
|
Is there any refference of the - manifacturing app how should work and its design. I was not able to find it in the logged task and attached documents. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
No description provided.