How xorelectronics/mappingeditor works
mappingeditor is a web editor for NerdSEQ mapping files, with separate HTML and VS Code viewer implementations in the repository. The main editor workflow is selecting a mapping file, interpreting its rows and source/destination options, and editing the resulting document. The tree and sampled code support the editor’s model/parser and UI relationships; HTML viewer wiring is inferred only at the module level from filenames, so uncertain call paths are omitted.
Main entry points: EditorApp.vue Editor interface · index.ts Viewer entry · modules/parsers.ts File parser · src/parsers.ts File parser
Components 17
Mapping editor
- Editor entry
editor/src/modules/main.ts - Editor interface
editor/src/components/EditorApp.vue - Document model
editor/src/modules/documentModel.ts - File parser
editor/src/modules/parsers.ts - Mapping catalog
editor/src/modules/dataModel.ts - Specialized fields
editor/src/components - Document formatting
editor/src/modules/formatters.ts
HTML viewer
- Viewer entry
viewers/htmlViewer/src/index.ts - File readers
viewers/htmlViewer/public/modules/fileReaders.js - File parser
viewers/htmlViewer/src/parsers.ts - Document model
viewers/htmlViewer/src/documentModel.ts - Mapping catalog
viewers/htmlViewer/src/dataModel.ts - View formatters
viewers/htmlViewer/src/formatters.ts - Document formatting
viewers/htmlViewer/public/modules/documentFormatters.js
VS Code viewer
- Mapping definitions
viewers/vscodeViewer/map.js
Other components
- Mapping user
- Mapping file
Connections 19
- Mapping user → Editor interface: edits mappings
- Mapping user → Mapping file: selects file
- Mapping file → Editor interface: loads file
- Editor entry → Editor interface: mounts
- Editor interface → File parser: parses file
- File parser → Document model: builds document
- File parser → Mapping catalog: resolves types
- Editor interface → Document model: updates rows
- Editor interface → Mapping catalog: uses options
- Editor interface → Specialized fields: edits extras
- Editor interface → Document formatting: formats document
- Mapping user → Viewer entry: views mappings
- Viewer entry → File readers: reads files
- Viewer entry → File parser: parses mappings
- File parser → Document model: builds document
- File parser → Mapping catalog: resolves types
- Viewer entry → View formatters: formats view
- Viewer entry → Document formatting: formats document
- Mapping user → Mapping definitions: consults mappings