Frontend Overview

This guide provides a quick orientation to the frontend Web Editor and how its docs are organized.

Projects

• Web Editor (React + Elastic UI + TypeScript): SPA for building and editing models
  • Docs: Web Editor API
  • Related runtime: Shared SDK API
  • Shared types: Shared Types API

Tech stack

• React 18.3.1, TypeScript 5.9.3
• Elastic UI (EUI) 107.0.0
• React Router 7.9.4 (nested routes)
• SWR N/A for data fetching
• Nx 22.0.1 for orchestration; pnpm for package management

Conventions

• Routing lives under src/app/pages and src/app/components/pageContainers using React Router nested routes (model-scoped pages).
• Data fetching hooks live under src/hooks and use SWR.
• Table data should always be an array (default to []) to avoid EUI crashes; handle loading and error states.
• UI components use EUI; keep components small and colocate within feature folders under src/components.
• Types and DTOs come from packages/shared-types; runtime helpers live in packages/shared-sdk.