Тема
Рабочая область Runtime Preview
В конфигураторе используется единая область визуализации runtime — Runtime Tree. Отдельные плавающие превью для SFC, Composition и Demonstration больше не входят в рабочую область редактора.
Сценарий работы
- Откройте документ, который можно запустить в runtime: Project, Composition, Component SFC или Store.
- Нажмите кнопку запуска либо
Command+Enter/Control+Enter. - Для Component SFC и Composition редактор сначала ищет использование документа в Program текущего Project:
- одно безопасное вхождение запускается сразу;
- для нескольких вхождений предлагается выбрать runtime-ветку;
- если в Live mode активация ветки может выполнить Query из mount-графа, требуется явное подтверждение;
- если вхождений нет, используется standalone preview.
- Выбранное вхождение запускается внутри Project runtime с текущими tenant, project, environment, locale, theme, Store, i18n и style scope.
- Редактор активирует виджет Runtime Tree и выбирает найденный runtime-узел.
- Выберите другой runtime-узел, чтобы посмотреть его жизненный цикл, результат отображения и входные props.
- Нажмите
Escape, чтобы активировать виджет Project и вернуться в рабочую область документа.
Возврат к Project не останавливает runtime. Управление его жизненным циклом выполняется в Runtime Tree.
Черновики и сохранённые источники
При запуске Component SFC, Composition и Store используется текущее состояние редактора, включая несохранённые изменения. Документ не сохраняется автоматически. Для Project используется текущая скомпилированная модель проекта, поскольку у Project нет отдельного контракта компиляции source.
Такой подход позволяет безопасно проверять изменения кнопкой запуска, а все средства визуализации и управления жизненным циклом остаются в единой рабочей области Runtime Preview.
В контекстном режиме draft текущего Component SFC или Composition накладывается на session-local artifact reader. Остальные сущности читаются из неизменяемого Endge.program; общий build и сохранённый документ не меняются.
В standalone режиме Composition получает fixtures из previewProps: definePreviewProps({...}). Inline values и ссылки mock(identity) materialize в обычные mount props перед созданием runtime graph; локальный dataMode Composition имеет приоритет над глобальным режимом. Component SFC читает собственный definePreviewProps(...), включая fromStore/fromData и preview options. Эти значения существуют только в Runtime Preview и не подменяют production inputs.
Контракт интерфейса
- Для запуска используется одно действие Run; отдельного действия Debug нет.
- Run всегда активирует Runtime Tree.
- Runtime Tree отвечает за выбор runtime, действия жизненного цикла и подробности превью.
Escapeвыполняет навигацию между рабочими областями и не уничтожает runtime.- Контекстное меню или диалоговое окно может обработать первое нажатие
Escape. После его закрытия следующее нажатиеEscapeвозвращает пользователя к Project.