mirror of
https://github.com/Matysh/houseplan-card
synced 2026-10-03 13:18:58 +00:00
§4 SPEC.md референса, четыре карточки: Basics (имя и масштаб в сетке 1fr/175, подложка двумя choice-карточками, callout о пересчёте масштаба), Appearance (строка-тумблер границ с иконкой и подписью, сегмент стиля стен с образцами линии, плашка цвета с hex/прозрачностью/Reset, сегмент заливки с деталями режима, компактный список «Видимые слои» с логикой «включено = видно» — К2), Room cards (строка-тумблер названий, четыре плитки значений с отключением и callout-ссылкой, слайдер размера с числом, концами и «Сбросить до 100%», образец карточки внутри блока на тинте — Q2), Sun & light (сегмент фона, плашка цвета фона, радио «свет через окна» в строку, север селектом с компасом 44 px и полем градусов, строка-тумблер свечения). Одна форма на два рантайма. `renderSpaceForm` в `editors/space-form.ts` собирает тело и футер; редакторский вход (`space-settings-dialog.ts`) и онбординг подают порт с тем, что у них различается, и сами рисуют `<hp-dialog data-kind=…>` — контракт #489 требует литеральный kind. Копия разметки онбординга на 300 строк удалена; локальные дубли CELL_CM_* и strictNumber там же — тоже («одно число — один источник»). К10 (решение владельца Q1): Save активен только при изменениях и без ошибок, в футере «Есть несохранённые изменения» либо ссылка «Проверьте поля: N» к первому ошибочному; «✕», Cancel и Escape с изменениями спрашивают через `_confirmDanger`, без изменений закрывают сразу. Снимок делается при открытии (`editors/space-form-state.ts`, WeakMap по хосту) — `SpaceDialogState` не получил ни одного ключа. Валидация: имя, подложка без изображения, диапазон температур, север 0–359 — с `aria-invalid` и текстом под полем. Строки. 51 новый ключ живёт в ленивом словаре `i18n/settings` (приём #423/#459), не в первом кадре: стартовый граф 291 260 при потолке 292 500. Отдельный словарь, а не `support`, — иначе онбординг тянул бы весь словарь редактора ради одной формы. 11 существующих ключей переименованы по Q6 («Space name», «Appearance», «Room cards», «Draw it myself», «Zigbee signal next to devices»…), 9 мёртвых удалены из четырёх локалей. `hp-color-opacity` получил `hide-label`: подпись рисует плашка, `label` остаётся для title/aria и `smoke_color_picker_consumers` проходит без правок (AC5). Смоки. Переписаны осознанно (К6 снят), каждый — с пометкой #600 у правки: smoke_hide_layers (компактные строки, инверсия К2 проверяется кликом), smoke_ux_fixes (сегмент, строка-тумблер, поля °C, ширина 560 — Q7), smoke_dialog_footer_width (560 для form-shell), smoke_temp_fill (два поля по id), smoke_settings_dialog_cards (три сегмента), smoke_space_settings и smoke_space_create_display_defaults и smoke_lazy_editor_chunk (choice-карточка по смыслу, не по индексу — порядок §4.2 draw → file), smoke_space_scale_defaults (поле с единицей). Новый фокусный свидетель demo/smoke_space_settings_form.mjs: состав карточек и отсутствие старой разметки, оболочка 560 и один скроллер, цели 44, запись каждого нового контрола в свой ключ, Save/dirty/вопрос при закрытии, семь контрольных ширин (320…1920). Мутанты: space-fill-segment-writes-a-neighbour-key, space-save-enabled-without-changes, space-discard-without-asking, space-layer-toggle-loses-inversion. Контрактные тесты: `houseplan-source.mjs` дописывает общие модули диалогов к логическому исходнику; коллектор i18n видит `help(...)` порта и `shelp(...)` (заодно встал на учёт `radar.help`, проходивший мимо счётчика — 30 → 35). Потолок ленивого редакторского графа 225 900 → 236 300 (замер 235 560) с разбором в bundle-budget.mjs: словарь на четыре локали и подписи — большая часть роста; промежуточно, итог в конце серий. Гейты: typecheck, build, bundle:sync, npm test 2792 pass (красным был только потолок — поднят с доводом), 10 смоков пространства зелёные, smoke_color_picker_consumers без правок, mutation-gate --check. Issue: #600 User-Visible: no
100 lines
5.4 KiB
JavaScript
100 lines
5.4 KiB
JavaScript
import { readFileSync } from 'node:fs';
|
|
import ts from 'typescript';
|
|
|
|
/**
|
|
* Source-contract tests historically inspected one monolithic card file.
|
|
* Editor implementations are now lazy, so expose the same logical production
|
|
* surface with the implementation before its typed host stubs.
|
|
*
|
|
* #592: разметка четырёх диалогов настроек уехала из редакторского рантайма в
|
|
* отдельные модули, и в классе остались однострочные делегаты. Контрактные
|
|
* тесты обязаны видеть ту же разметку, что и раньше, поэтому сборка логического
|
|
* исходника подставляет тело вынесенной функции вместо делегата. Иначе шесть
|
|
* тестов пришлось бы переучивать на новые пути — то есть ослаблять их ровно в
|
|
* тот момент, когда они должны доказать, что перенос ничего не изменил.
|
|
*/
|
|
const DIALOG_MODULES = [
|
|
['../src/editors/marker-dialog.ts', 'renderMarkerDialog', '_renderMarkerDialog'],
|
|
['../src/editors/space-settings-dialog.ts', 'renderSpaceSettingsDialog', '_renderSpaceDialog'],
|
|
['../src/editors/general-settings-dialog.ts', 'renderGeneralSettingsDialog', '_renderSettingsDialog'],
|
|
['../src/editors/room-settings-dialog.ts', 'renderRoomSettingsDialog', '_renderRoomDialog'],
|
|
];
|
|
|
|
/**
|
|
* #600: форма пространства общая для редактора и онбординга и живёт отдельным
|
|
* модулем; точка входа `renderSpaceSettingsDialog` — тонкая обёртка. Чтобы
|
|
* контрактные тесты продолжали видеть разметку (счётчики пикеров, kind
|
|
* диалога, футер), текст общих модулей дописывается к логическому исходнику.
|
|
* Обращения `port.host.` и `host.` приводятся к `this.`, как и `this.host.`.
|
|
*/
|
|
const SHARED_DIALOG_MODULES = ['../src/editors/space-form.ts'];
|
|
|
|
export function readHouseplanProductionSource() {
|
|
const runtime = readFileSync(
|
|
new URL('../src/houseplan-editor-runtime.ts', import.meta.url),
|
|
'utf8',
|
|
);
|
|
const card = readFileSync(new URL('../src/houseplan-card.ts', import.meta.url), 'utf8');
|
|
const parse = (name, source) => ts.createSourceFile(
|
|
name, source, ts.ScriptTarget.Latest, true, ts.ScriptKind.TS,
|
|
);
|
|
const runtimeFile = parse('houseplan-editor-runtime.ts', runtime);
|
|
const cardFile = parse('houseplan-card.ts', card);
|
|
const classOf = (file, name) => file.statements.find(
|
|
(statement) => ts.isClassDeclaration(statement) && statement.name?.text === name,
|
|
);
|
|
const runtimeClass = classOf(runtimeFile, 'HouseplanEditorRuntime');
|
|
const cardClass = classOf(cardFile, 'HouseplanCard');
|
|
if (!runtimeClass || !cardClass) throw new Error('Houseplan source classes are missing');
|
|
const nameOf = (member, file) => member.name?.getText(file);
|
|
const implementations = new Map(runtimeClass.members
|
|
.map((member) => [nameOf(member, runtimeFile), member])
|
|
.filter(([name]) => name));
|
|
// Тело вынесенного диалога возвращается на место делегата под именем метода:
|
|
// ниже по коду ветка не различает, откуда пришёл текст.
|
|
const moved = new Map();
|
|
for (const [path, exported, method] of DIALOG_MODULES) {
|
|
const source = readFileSync(new URL(path, import.meta.url), 'utf8');
|
|
const file = parse(path, source);
|
|
const fn = file.statements.find((statement) => ts.isFunctionDeclaration(statement)
|
|
&& statement.name?.text === exported);
|
|
if (!fn) throw new Error(`Houseplan dialog module is missing ${exported}`);
|
|
const body = source.slice(source.indexOf('{', fn.getStart(file)), fn.end);
|
|
moved.set(method, body);
|
|
}
|
|
const replacements = [];
|
|
for (const member of cardClass.members) {
|
|
const name = nameOf(member, cardFile);
|
|
const implementation = implementations.get(name);
|
|
if (!implementation) continue;
|
|
const baseText = card.slice(member.getStart(cardFile), member.end);
|
|
if (!baseText.includes('_editorRuntime')) continue;
|
|
const visibility = /^(private|protected|public)\b/.exec(baseText)?.[1] || 'private';
|
|
const runtimeText = moved.has(name)
|
|
? `public ${name}(): TemplateResult ${moved.get(name)}`
|
|
: runtime.slice(implementation.getStart(runtimeFile), implementation.end);
|
|
const implementationText = runtimeText
|
|
.replace(/^public\b/, visibility)
|
|
.replaceAll('this.host.', 'this.');
|
|
replacements.push({
|
|
from: member.getStart(cardFile),
|
|
to: member.end,
|
|
text: implementationText,
|
|
});
|
|
}
|
|
let reconstructed = card;
|
|
for (const replacement of replacements.sort((a, b) => b.from - a.from)) {
|
|
reconstructed = reconstructed.slice(0, replacement.from)
|
|
+ replacement.text
|
|
+ reconstructed.slice(replacement.to);
|
|
}
|
|
for (const path of SHARED_DIALOG_MODULES) {
|
|
const shared = readFileSync(new URL(path, import.meta.url), 'utf8')
|
|
.replaceAll('port.host.', 'this.')
|
|
.replaceAll('port.help(', 'this._help(')
|
|
.replaceAll(/\bhost\./g, 'this.');
|
|
reconstructed += `\n// --- shared dialog module ${path} ---\n${shared}`;
|
|
}
|
|
return reconstructed;
|
|
}
|