feat: complete house plan maker application

Full-featured house/apartment floor plan editor with:

- Turborepo monorepo (React/Vite client, Fastify/Prisma server, shared Zod schemas)
- 2D room editor with walls, doors, windows, furniture, electrical elements
- 3D room preview with Three.js (auto-hide nearest walls, bird's eye default)
- Wall projection views with interactive drag (elevation, position)
- Apartment floor plan view with room positioning
- Copy/paste, alignment tools, measurement tool, annotations
- Item-attached annotations with leader lines (visible on projections)
- Door open direction (LEFT/RIGHT/INWARD/OUTWARD) with swing arc
- Floor type textures (wood, tile, concrete, laminate, herringbone)
- Wall color picker for 3D view
- Furniture: bed, desk, wardrobe, sofa, table, chair, shelf, nightstand, dresser, bookcase, TV (with stand toggle), AC unit
- Furniture elevation support (wall-mounted items)
- Auto-save with dirty state tracking, batch save API
- Rotation-aware collision detection (SAT/OBB) with 3D elevation check
- Rotation-aware hit testing
- i18n (English/Russian) with locale-aware number formatting
- Dark mode with system preference detection
- Undo/redo, keyboard shortcuts, scale bar
- PDF/PNG/JSON export and JSON import
- Focus trap modal, toast notifications, tooltips
- Responsive layout with overlay palettes
This commit is contained in:
2026-04-05 22:34:03 +03:00
parent b84807bbdb
commit af8b9fe00f
188 changed files with 35795 additions and 0 deletions
@@ -0,0 +1,61 @@
.field {
display: flex;
flex-direction: column;
gap: var(--space-1);
}
.label {
font-size: var(--font-size-sm);
font-weight: var(--font-weight-medium);
color: var(--color-text-primary);
}
.input {
height: 36px;
padding: 0 var(--space-3);
border: 1px solid var(--color-border-strong);
border-radius: var(--radius-md);
background-color: var(--color-bg-elevated);
color: var(--color-text-primary);
font-size: var(--font-size-base);
transition: border-color var(--transition-fast),
box-shadow var(--transition-fast);
}
.input::placeholder {
color: var(--color-text-muted);
}
.input:hover:not(:disabled) {
border-color: var(--color-neutral-400);
}
.input:focus {
outline: none;
border-color: var(--color-accent-500);
box-shadow: 0 0 0 3px var(--color-accent-100);
}
.input:disabled {
opacity: 0.5;
cursor: not-allowed;
background-color: var(--color-neutral-100);
}
.hasError .input {
border-color: var(--color-danger-500);
}
.hasError .input:focus {
box-shadow: 0 0 0 3px var(--color-danger-100);
}
.error {
font-size: var(--font-size-xs);
color: var(--color-danger-600);
}
.hint {
font-size: var(--font-size-xs);
color: var(--color-text-muted);
}