mirror of
https://github.com/Matysh/houseplan-card
synced 2026-09-29 03:09:36 +00:00
§5 SPEC.md референса. Семь карточек #598 остались, менялось содержимое: - Display — две полные строки с иконкой, подписью и тумблером справа; пояснение радара по §5.2 стало подписью строки (текст прежний, ключ переехал в ленивый словарь как gs.radar_show_live_hint, «?» у строки больше нет); - Zigbee links — заголовок и «?» функции (topology.help) рисует карточка, а блок hp-zigbee-topology-settings получил режим embedded: строка-тумблер, callout «сохраните настройку», подзаголовки ZHA / Zigbee2MQTT, поле тем и строки действий контролами набора. Заголовок больше не удваивается (дефект 1). Лист набора вносится в теневой корень компонента; токены --hpf-* наследуются с хоста. Прежний render без embedded не тронут — его держит контракт #459; - Room fill colors — три подзаголовка (Lights / Temperature / Zigbee signal, Q6) и плитки цвета по три в ряд: название на свотче, hex, число прозрачности; свотч — trigger прежнего hp-color-opacity (Q5); - Light-source glow — две плитки и поле радиуса с единицей внутри рамки; - Plan — плашка цвета стен, сегмент фона, при Static — плашка фона с Reset и подсказкой (тема / свой цвет); - Sun — gs.sun_missing остаётся callout'ом (К5); север: поле градусов с «°», ссылка Clear, «N» и компас 44 px справа — индикатор набора, но тянуть его по-прежнему можно (smoke_sun гоняет настоящий drag; старый 120-px SVG и его CSS в plan.styles.ts удалены); лучи — строка-тумблер с подписью; источник лучей — сегмент (sun-settings-view.ts переписан с <select> на segmented, логика та же); - Data — подзаголовки с «?» и строки действий набора. К10 (Q1): Save только при изменениях и без ошибок (радиус > 0, север 0–359), статус в футере, вопрос при закрытии с изменениями; снимок при открытии — editors/general-form-state.ts поверх общего editors/dialog-baseline.ts (на него же переведён space-form-state.ts). _settingsDialog не получил новых ключей. Удалено мёртвое: _renderColorRow (рантайм и карточка), .sunrow/.suncol, ключи gs.wall_group, gs.bg_group, gs.bg_theme, gs.radar_show_live.help(.aria) в четырёх локалях. Девять новых ключей — в i18n/settings. Смоки переписаны осознанно, с пометкой #600: smoke_general_settings (инвентарь по классам набора, подзаголовки .hpf-sub h4, пояснения под «?» и подписью, ни одного .rhint), smoke_sun (сегмент источника лучей вместо select, поле #gs-north, radius drag 18 px), smoke_backup_transfer (подзаголовок и строка действий), smoke_settings_dialog_cards (callout вместо .rhint). Новый фокусный свидетель demo/smoke_general_settings_form.mjs: семь карточек и отсутствие старой разметки, один заголовок у Zigbee, десять плиток, компас 44, цели 44, запись плиток/плашки/радиуса/севера/сегментов в свои ключи, Save/dirty/вопрос при закрытии. Мутанты: general-save-enabled-without-changes, general-tile-opacity-writes-a-neighbour-key, general-north-clear-writes-zero, topology-embedded-draws-its-own-heading; якоря state-callout-hidden-under-help и dialog-card-loses-its-heading переставлены на новую разметку. Контрактные тесты: houseplan-source.mjs приводит `host.` к `this.` и в телах вынесенных диалогов; color-picker — три явных showOpacity=true (плитки, плашка стены, цвет комнаты); счётчик производных .aria 35 → 34. Бюджет: стартовый граф 290 711 — потолок ОПУЩЕН 292 500 → 292 200 (ушёл 120-px компас из eager-листа и мёртвые ключи); ленивый редакторский 237 929 — потолок 236 300 → 238 600 с разбором в bundle-budget.mjs. Гейты: typecheck, build, bundle:sync, npm test 2792 pass, mutation-gate --check, семь смоков «Общих», smoke_color_picker_consumers без правок. Issue: #600 User-Visible: no
103 lines
5.7 KiB
JavaScript
103 lines
5.7 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}`);
|
|
// #600: тела диалогов держат `const host = this.host` и пишут `host.…`;
|
|
// для контрактных регулярок это тот же `this.…`.
|
|
const body = source.slice(source.indexOf('{', fn.getStart(file)), fn.end)
|
|
.replaceAll(/(?<!this\.)\bhost\./g, 'this.');
|
|
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(/(?<!this\.)\bhost\./g, 'this.');
|
|
reconstructed += `\n// --- shared dialog module ${path} ---\n${shared}`;
|
|
}
|
|
return reconstructed;
|
|
}
|