feat(sim-builder): фаза 4 — редактор симуляций (sim-builder.html: панели, живое превью, save/publish)

This commit is contained in:
Maxim Dolgolyov
2026-06-13 12:29:13 +03:00
parent 014c96db1e
commit a13c0b77fa
7 changed files with 1419 additions and 20 deletions
+30 -2
View File
@@ -1,6 +1,31 @@
# Feature Context: Конструктор симуляций (SimForge)
## Current State
- **Фаза 4 РЕАЛИЗОВАНА** (в рабочем дереве, не закоммичено — коммит за оркестратором). Только
новые файлы `frontend/sim-builder.html` + `frontend/js/sim-builder.js` + аддитивная правка
`js/sidebar.js` (lab.html/lab-glue.js НЕ тронуты — зона параллельной сессии).
- **Учительский редактор `/sim-builder`** (гейт teacher/admin через `LS.initPage()`): панели-
аккордеоны (Мета+сцена / Параметры / Объекты / Графики / Физика) слева + живое превью
(`SimEngine.mount`, перемонтаж с debounce 280мс) справа + тулбар (Тест/Сброс/Сохранить/
Опубликовать). `window.SimBuilder.create({host,previewHost,panelHost,toolbarHost})`.
- **Генерация спеки** `buildSpec()` → JSON v1 (specVersion:1, meta, viewport, time, params[],
objects[]+merged plots, physics?). `_uid` — UI-метка, вырезается; plot материализуется
(range_a/range_b → range[a,b]); числовые поля — число ИЛИ строка-выражение (движок ест оба).
- **Выражения**: каждое поле проверяется `SimExpr.compile` → inline-ошибка у поля; палитра
функций/констант/параметров/`id.x` через модалку. **Запрет имени param `e`** (и pi/t/w/h/...).
- **Drag-on-preview**: кнопка-«прицел» у объекта → клик/перетаскивание по `inst.canvas` (px→мир
через `inst._toWorld()`) пишет x/y (или конец segment/vector) в свойства. Только на паузе.
- **Save/Load**: `customSimCreate`/`customSimUpdate` (?id= → update + replaceState), публикация
`status:'published'`; `?id=<id>``customSimGet``loadFromSim` раскладывает по панелям.
- **Клиентская валидация** зеркалит серверную (params≤50/objects≤200/walls≤20/springs≤50/
expr≤500/restitution 0..1/JSON≤200КБ) с дружелюбной модалкой-списком ошибок ДО запроса.
- **Сайдбар**: пункт `/sim-builder` «Конструктор симуляций» (teacher-only, icon pencil-ruler)
в группе «Практика и игры» после «Лаборатория» — минимальная правка `js/sidebar.js`.
- Верификация: `node --check` обоих новых .js + извлечённого инлайна html OK; эмодзи нет (скан
кодпойнтов, включая no-entry sign — заменён на текст); eval/Function нет (вычисления — SimExpr);
headless-смоук (vm + DOM/Blob-стаб) 23/23: buildSpec форма, merge plot+range, strip _uid,
physics-блок, валидация valid/reserved-`e`/syntax-error, loadFromSim round-trip стабилен.
lab.html/lab-glue.js/_sim_engine.js/_sim_expr.js НЕ тронуты (git status).
- **Фаза 3 РЕАЛИЗОВАНА** (в рабочем дереве, не закоммичено — коммит за оркестратором). Только backend + клиент `js/api.js` (lab.html/lab-glue.js НЕ тронуты — зона параллельной сессии).
- **Миграция 071** `backend/src/db/migrations/071_custom_sims.sql` — таблица `custom_sims` (применена к живой БД через `npm run migrate`, без ошибок).
- **API `/api/custom-sims`** (роутер `backend/src/routes/customSims.js`, контроллер `backend/src/controllers/customSimController.js`, смонтировано в `server.js`): GET `/` (свои+published), GET `/:id` (own ИЛИ published), POST `/` (teacher/admin), PUT `/:id` (owner/admin), DELETE `/:id` (owner/admin). Read — router-level authMiddleware; мутации — inline requireRole + per-row ownership.
@@ -59,9 +84,12 @@
- Reuse > переписывание: сначала смотреть `_fx_motion`, `_graph_panel`, `graph.js`.
## RESUME STATE
- Последний коммит фичи: — (Ф0 + Ф1 + Ф2 + Ф3 реализованы, ещё не закоммичены — ждут оркестратора)
- Текущая фаза: Phase 3Persistence + API (✅ Implemented, pending commit) → дальше Phase 4Builder UI
- Последний коммит фичи: — (Ф0 + Ф1 + Ф2 + Ф3 + Ф4 реализованы, ещё не закоммичены — ждут оркестратора)
- Текущая фаза: Phase 4Builder UI (✅ Implemented, pending commit) → дальше Phase 5Каталог (custom-sims в /lab)
- Режим: Automated / Orchestrator / Incremental
- Файлы Ф4 (несведённые с параллельной сессией): `frontend/sim-builder.html` (new),
`frontend/js/sim-builder.js` (new), `js/sidebar.js` (modify, аддитивный пункт `/sim-builder`).
lab.html/lab-glue.js НЕ тронуты. Публичное API билдера: `window.SimBuilder.create(...)`.
- **Номер миграции Ф3: 071** (`071_custom_sims.sql`); следующая свободная — 072.
- Новые публичные API для следующих фаз: `window.SimExpr`, `window.SimEngine.mount`, `window.SimPhysics` (step/integrate/resolveCollisions), `window.registerSpecSim` / `window.SimAdapter`. Формат спеки v1 + типы plot/readout/drag/vector + блок `physics`/`body`/`springs`/`walls` — в шапке `_sim_engine.js` и в handoff phase-0/1/2.
- **API персистентности (Ф3)**: `/api/custom-sims` (GET `/`, GET/PUT/DELETE `/:id`, POST `/`) + клиент `LS.customSimsList/Get/Create/Update/Delete`. Контракт спеки на вход/санитизация — в handoff phase-3.