Features and DFM Explorer Example

Table of Contents

• Preview
• What It Demonstrates
• User Flow
• Key Files
  • User Interface Components
  • Core Logic Classes

The Features and DFM Explorer is a server-backed manufacturing example. It imports or selects converted MTK model data, displays the part in ghost mode, and overlays feature-recognition or DFM issue geometry that can be filtered from the UI.

Preview

What It Demonstrates

Use this example when visualizing manufacturing-process results:

• check whether the example server and MTKConverter are available;
• convert a STEP file or open an already converted result;
• read analysis data through AnalysisSession;
• switch between feature-recognition and DFM item trees;
• show the selected analysis and overlay matching feature geometry;
• filter features by name and synchronize feature highlighting.

The import route owns process selection and converted-model cards. The viewer route owns loaded analyses, current analysis index, current item-tree kind, feature filters, and the viewport.

User Flow

1. Start the examples with the server-backed command.
2. Open Features & DFM Explorer.
3. Import a STEP file or choose an existing converted preview.
4. Select the manufacturing process when more than one process is available.
5. Switch analyses, views, item trees, and feature filters in the viewer.

Key Files

User Interface Components

Source	Description
FeaturesAndDFMExplorerImport react/src/pages/mtk/features-and-dfm-explorer-import/FeaturesAndDFMExplorerImport.tsx	Import route component. It filters available processes to feature and DFM processes, then navigates to the viewer route with selected model data.
AnalysisImport react/src/pages/mtk/analysis-import/AnalysisImport.tsx	Shared import page. It checks server and MTKConverter availability, imports STEP files, lists converted previews, loads thumbnails, and routes selected models.
ImportCard react/src/pages/mtk/analysis-import/ui/import-card/ImportCard.tsx	Renders the upload card for STEP files or MTK folders, including in-progress state.
ManufacturingProcessSelectionModal react/src/pages/mtk/analysis-import/ui/manufacturing-process-selection-modal/ManufacturingProcessSelectionModal.tsx	Lets users choose a manufacturing process before STEP conversion when several processes are available.
FeaturesAndDFMExplorerViewer react/src/pages/mtk/features-and-dfm-explorer-viewer/FeaturesAndDFMExplorerViewer.tsx	Viewer route component. It loads analysis data, renders the viewport, analysis selection controls, analysis information, and the feature tree.
AnalysisSelectAndViewControls react/src/pages/mtk/analysis-viewer/ui/analysis-select-and-view-controls/AnalysisSelectAndViewControls.tsx	Switches the current analysis and available analysis views.
AnalysisItemTree react/src/pages/mtk/features-and-dfm-explorer-viewer/ui/analysis-item-tree/AnalysisItemTree.tsx	Displays the recognized features or DFM issues and drives feature filtering/highlighting.
AnalysisInformationPanel react/src/pages/mtk/features-and-dfm-explorer-viewer/ui/analysis-information-panel/AnalysisInformationPanel.tsx	Shows analysis and process-data details for the selected analysis.

Core Logic Classes

Source	Description
FeaturesAndDFMExplorerViewer shared/src/viewers/mtk/features-and-dfm-explorer-viewer/FeaturesAndDFMExplorerViewer.ts	Extends BaseAnalysisViewer, chooses the current AnalysisItemTree kind, draws item overlays, ghosts the active analysis object while a tree is visible, and owns feature/DFM highlighting.
AnalysisItemTreeKind shared/src/features/mtk/analysis/analysis-item/structure/AnalysisItemTree.ts	Names the feature-recognition, DFM issue, or custom item tree the viewer should display.
AnalysisSession and AnalysisComposer shared/src/features/mtk/import/	Read converted MTK model folders and process-data files into analysis objects.
Analysis classes shared/src/features/mtk/analysis/	Represent machining, molding, sheet-metal, feature, DFM, wall-thickness, and nesting analysis data.
AnalysisItemTree shared/src/features/mtk/analysis/analysis-item/structure/AnalysisItemTree.ts	Stores feature or DFM item tree data consumed by overlay drawing, filtering, and highlighting.
AnalysisItemHighlightManager shared/src/features/mtk/analysis/analysis-item/interaction/AnalysisItemHighlightManager.ts	Synchronizes feature tree selection and scene highlighting.
Server interaction helpers react/src/common/api/mtk/serverInteraction.ts	Call example server endpoints for converter checks, model conversion, previews, and remote file sources.
shared/src/features/mtk/	Contains analysis, process-data, feature-tree, and analysis visualization helpers.