# Pascal Editor

## Docs

- [Introduction](https://mintlify.wiki/pascalorg/editor/introduction.md): Build professional 3D architectural editors with React Three Fiber and WebGPU
- [Installation](https://mintlify.wiki/pascalorg/editor/installation.md): Install Pascal Editor SDK packages and dependencies
- [Quickstart](https://mintlify.wiki/pascalorg/editor/quickstart.md): Build your first 3D architectural scene with Pascal Editor in 5 minutes
- [Architecture](https://mintlify.wiki/pascalorg/editor/concepts/architecture.md): Understanding the Pascal Editor SDK monorepo structure, package separation, and data flow
- [Nodes](https://mintlify.wiki/pascalorg/editor/concepts/nodes.md): Understanding the node hierarchy, BaseNode structure, and type-safe node schemas
- [Scene State](https://mintlify.wiki/pascalorg/editor/concepts/scene-state.md): Understanding Zustand-based scene state management, CRUD operations, and middleware
- [Systems](https://mintlify.wiki/pascalorg/editor/concepts/systems.md): Understanding the system pattern for geometry generation and scene updates
- [Events](https://mintlify.wiki/pascalorg/editor/concepts/events.md): Understanding the event bus for inter-component communication and user interactions
- [Creating Nodes](https://mintlify.wiki/pascalorg/editor/guides/creating-nodes.md): Learn how to create different types of nodes in the Pascal Editor SDK
- [Custom Systems](https://mintlify.wiki/pascalorg/editor/guides/custom-systems.md): Build custom systems to add behavior and automation to your 3D scene
- [Event Handling](https://mintlify.wiki/pascalorg/editor/guides/event-handling.md): Respond to user interactions with your 3D scene using the event system
- [Spatial Queries](https://mintlify.wiki/pascalorg/editor/guides/spatial-queries.md): Validate placement and perform collision detection using the spatial grid system
- [@pascal-app/core Overview](https://mintlify.wiki/pascalorg/editor/api/core/overview.md): Core scene management, state store, and spatial systems for Pascal
- [useScene](https://mintlify.wiki/pascalorg/editor/api/core/scene-store.md): Zustand store for scene state management with undo/redo and persistence
- [Scene Registry](https://mintlify.wiki/pascalorg/editor/api/core/scene-registry.md): Global registry mapping node IDs to Three.js Object3D instances
- [Spatial Grid Manager](https://mintlify.wiki/pascalorg/editor/api/core/spatial-grid.md): Collision detection and spatial queries for floor, wall, and ceiling placement
- [BaseNode](https://mintlify.wiki/pascalorg/editor/api/nodes/base.md): Base schema for all node types in the Pascal Editor SDK
- [SiteNode](https://mintlify.wiki/pascalorg/editor/api/nodes/site.md): Root node representing a construction site with property boundaries and buildings
- [BuildingNode](https://mintlify.wiki/pascalorg/editor/api/nodes/building.md): Node representing a building structure with position, rotation, and levels
- [LevelNode](https://mintlify.wiki/pascalorg/editor/api/nodes/level.md): Node representing a floor level in a building with walls, slabs, and zones
- [WallNode](https://mintlify.wiki/pascalorg/editor/api/nodes/wall.md): Node representing a wall element with start/end points, thickness, and height
- [DoorNode](https://mintlify.wiki/pascalorg/editor/api/nodes/door.md): Node representing a parametric door with configurable frame, segments, and hardware
- [WindowNode](https://mintlify.wiki/pascalorg/editor/api/nodes/window.md): Node representing a parametric window with configurable frame, panes, and sill
- [SlabNode](https://mintlify.wiki/pascalorg/editor/api/nodes/slab.md): Node representing a floor slab with polygon boundary and elevation
- [CeilingNode](https://mintlify.wiki/pascalorg/editor/api/nodes/ceiling.md): Node representing a ceiling surface with polygon boundary and height
- [RoofNode](https://mintlify.wiki/pascalorg/editor/api/nodes/roof.md): Node representing a gable roof with configurable pitch and dimensions
- [ZoneNode](https://mintlify.wiki/pascalorg/editor/api/nodes/zone.md): Node representing a room or zone with polygon boundary and visual styling
- [ItemNode](https://mintlify.wiki/pascalorg/editor/api/nodes/item.md): Node representing a 3D item/object with asset reference, position, and rotation
- [ScanNode](https://mintlify.wiki/pascalorg/editor/api/nodes/scan.md): Node representing a 3D scan or point cloud reference with position and opacity control
- [GuideNode](https://mintlify.wiki/pascalorg/editor/api/nodes/guide.md): Node representing a 2D reference image overlay with position and opacity control
- [WallSystem](https://mintlify.wiki/pascalorg/editor/api/systems/wall-system.md): React component that manages wall geometry generation with automatic mitering and CSG cutouts
- [DoorSystem](https://mintlify.wiki/pascalorg/editor/api/systems/door-system.md): React component that generates parametric door geometry with CSG cutouts in walls
- [WindowSystem](https://mintlify.wiki/pascalorg/editor/api/systems/window-system.md): React component that generates parametric window geometry with CSG cutouts in walls
- [SlabSystem](https://mintlify.wiki/pascalorg/editor/api/systems/slab-system.md): React component that generates extruded floor geometry from polygons
- [CeilingSystem](https://mintlify.wiki/pascalorg/editor/api/systems/ceiling-system.md): React component that generates flat ceiling geometry from polygons
- [RoofSystem](https://mintlify.wiki/pascalorg/editor/api/systems/roof-system.md): React component that generates parametric gable roof geometry with pitch calculation
- [ItemSystem](https://mintlify.wiki/pascalorg/editor/api/systems/item-system.md): React component that positions items on walls, ceilings, and floors with automatic elevation
- [@pascal-app/viewer](https://mintlify.wiki/pascalorg/editor/api/viewer/overview.md): 3D rendering components for the Pascal building editor
- [Viewer Component](https://mintlify.wiki/pascalorg/editor/api/viewer/viewer-component.md): Main 3D rendering component with WebGPU pipeline
- [useViewer Hook](https://mintlify.wiki/pascalorg/editor/api/viewer/viewer-store.md): Zustand store for managing viewer state and preferences


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.