Draft

fe-borehole-labelling — Borehole Labelling Tool

Clientnovameraactive

React + Vite + TypeScript SPA for geologists to label GPR borehole scan data — draw horizons, annotate interfaces, and export world-coordinate label sets. Previously Create React App; migrated to Vite for faster HMR.

flowchart LR
    FE[fe-borehole-labelling
React SPA] --> LBL[svc-borehole-lbl]
    LBL -->|SSE label events| FE
    FE -->|manifest CSVs| STATIC[S3 static
manifest store]
    LBL -->|GPR plot artifacts| FE
    style FE fill:#EDEDFF,stroke:#3B54F7

Key UX flows:

  • Project selection: Breadcrumbs.ts selects project; useProjectData fetches manifest; manifest URLs from ProjectStructure.ts.

  • Label creation: LabelModal + useLabelModal; horizons store intermediate hiddenCoordinates for full-resolution export.

  • Export: ExportLabelHelper.ts converts to world coordinates; hidden coordinates included on partial-segment selection.

  • Mouse tracking: useMousePosition + MousePositionContext; data-key attribute on ScannedImages drives cross-image sync.

  • E2E testing: Playwright alongside Vitest unit tests.

  • Built on: the cloudfront-s3-website pattern.

  • Envs: production lbl.novamerainc.com · QA lbl.novamerainc.com/lbl.