@vernikr/size-report 1.3.0 → 1.3.1

package/CHANGELOG.md

@@ -18,6 +18,41 @@
 где за основу взяты `fixtures/synthetic/config.json`, метрики — `raw`, `min`, `tok`, а
 способ минификации — `strip` или `esbuild`.
 
+## 1.3.1 — 2026-09-15
+
+Правка раскладки страницы: на широком экране панель выбора встаёт слева от таблицы.
+
+- **От 900 px панель — колонка слева от таблицы.** Метрики, дерево файлов и легенда
+  видны одновременно с числами: прокрутка нижних строк больше не уводит управление за
+  верх экрана, а таблица получает всё оставшееся по горизонтали (1060 px при окне
+  1440 против 1372 у прежней раскладки в одну колонку). Узкое окно раскладку снимает:
+  там столбцы снова идут друг под другом, как было.
+- Раскладка — сетка на `body` (`src/page/app.css`), а не обёртка в разметке: страница
+  собирается вклейкой глав, и форма страницы осталась в одном месте. Порог тот же,
+  что у адаптаций: между «широко» и «узко» нет промежутка без правил.
+- Ни поведение, ни артефакт, ни данные не тронуты — правка только в оформлении
+  страницы (`--page`); статический артефакт (`--write`) этот выпуск не касается.
+
+### Что изменится в числах
+
+**Ничего.** Этот выпуск не трогает ни измерение, ни форму отчёта: изменилась
+раскладка страницы, а числа считает тот же движок теми же датчиками. Таблица ниже та
+же, что у 1.3.0, до последней клетки.
+
+| Файл | raw | min со strip | min с esbuild | tok |
+|---|---|---|---|---|
+| code.js | 735 | 276 | 185 | 168 |
+| modern.js | 246 | 51 | 45 | 44 |
+| config.mjs | 172 | 45 | 40 | 40 |
+| заметки.md | 306 | 303 | 303 | 53 |
+| crlf.txt | 63 | 60 | 60 | 10 |
+| package.json | 87 | 69 | 69 | 34 |
+| style.css | 156 | 55 | 43 | 38 |
+| table.toml | 300 | 299 | 299 | 52 |
+| empty.js | 0 | 0 | 0 | 0 |
+| WORKLOG.md | 446 | 439 | 439 | 101 |
+| **ИТОГО** | **2511** | **1597** | **1483** | **540** |
+
 ## 1.3.0 — 2026-09-15
 
 Выпуск выведенных настроек: чтобы получить отчёт, проект больше не обязан себя

package/README.md

@@ -10,7 +10,7 @@
 
 ## Статус
 
-**Выпуск 1.3.0 (2026-09-15).** Инструмент живёт отдельным пакетом: имя в
+**Выпуск 1.3.1 (2026-09-15).** Инструмент живёт отдельным пакетом: имя в
 реестре — `@vernikr/size-report` (публикуется тегом из CI, без секрета). Настроек
 проект может не заводить вовсе: без файла инструмент выводит их из самого проекта и
 говорит об этом строкой, а `--init` закрепляет выведенное файлом (чем этот шаг
@@ -316,9 +316,20 @@ deльт задан один раз и по артефакту: рост зел
 папки три состояния — все её файлы включены, часть, ни одного, — и переключатель
 папки ведёт за собой всё поддерево; рядом стоит число файлов. Своего состояния у
 папки и у быстрой кнопки категории нет: обе переставляют галочки файлов, поэтому
-дерево, кнопки и таблица не могут разойтись. Список файлов длиной больше трети
-экрана прокручивается внутри панели, а не выталкивает таблицу: на живой истории
-(91 строка × 25 файлов) панель занимает 429 px, таблица начинается на 544-м.
+дерево, кнопки и таблица не могут разойтись. Список файлов длиной больше экрана
+прокручивается внутри панели, а не выталкивает таблицу: на живой истории
+(87 строк × 12 колонок) дерево занимает 558 px из 883 у панели.
+
+**На широком экране панель стоит слева от таблицы** (от 900 px, `src/page/app.css`).
+Это не украшение: на десктопе бокового места много, а вертикального мало —
+переключатели, дерево и числа видны одновременно, и прокрутка нижних строк не
+уводит управление за верх экрана. Раскладка сделана сеткой на `body`: обёртки в
+разметке нет, потому что страница собирается вклейкой глав и форма страницы должна
+жить в одном месте. Порог один с адаптациями — промежутка без правил между «широко»
+и «узко» нет. Измерено в настоящем Chrome на живой истории: при окне 1440×900
+панель — колонка 300 px слева, таблица начинается на 346-м и на той же высоте
+(103), её собственное окно 1060 × 602; при 1024 — те же 300 и 651; при 899
+раскладка снимается и столбцы снова идут друг под другом (панель 79, таблица 557).
 Стрежет это проверка на числах таблицы, а не на разметке: выключение папки убирает
 ровно её колонки и ровно её объём из итога (`test/contract.test.js`). Проверено в
 настоящем Chrome: 9 папок до трёх уровней вложенности (`.github/workflows`,
@@ -503,7 +514,7 @@ deльт задан один раз и по артефакту: рост зел
 | `src/css.js` | Чтение оформления с диска: какие наборы стилей есть и какая у них роль |
 | `src/table.css` | Общая часть таблицы: геометрия клеток, липкие шапка и колонка, цвет дельт — одна на артефакт и страницу |
 | `src/artifact.css` | Оформление статического артефакта сверх общей части |
-| `src/page/app.css` | Оформление страницы сверх общей части: панель с деревом файлов, состояния пустоты, узкое окно |
+| `src/page/app.css` | Оформление страницы сверх общей части: панель с деревом файлов (на широком экране — колонка слева от таблицы), состояния пустоты, узкое окно |
 | `src/page/state.js` | Состояние страницы: данные отчёта, вид галочек, паспорт записи, память браузера и обмен ссылкой — глава программы страницы |
 | `src/page/dom.js` | Узлы страницы: мелкие помощники разметки (`appEl`, `appBox`) — одни на панель и таблицу |
 | `src/page/panel.js` | Панель выбора: галочки метрик и файлов, категории, дерево путей, легенда; перерисовку просит у главы сборки |
@@ -628,7 +639,7 @@ pnpm add -D @vernikr/size-report
 ```
 
 Пакет **опубликован в реестре**, и публично: `npm view @vernikr/size-report
-version` отвечает `1.3.0`, `npm access get status @vernikr/size-report` — `public`,
+version` отвечает `1.3.1`, `npm access get status @vernikr/size-report` — `public`,
 а анонимный запрос тарболла — код 200. `npm i -D` и `yarn add -D` принимают то же
 имя; ни ключа, ни ссылки на репозиторий не нужно.
 
@@ -636,11 +647,11 @@ version` отвечает `1.3.0`, `npm access get status @vernikr/size-report`
 реестра, но остаётся привязанной к ревизии:
 
 ```bash
-pnpm add -D github:vernikr/size-report#v1.3.0
+pnpm add -D github:vernikr/size-report#v1.3.1
 ```
 
 Без сети (или если тянуть из codeload нечем) — тарболл: `pnpm pack` в клоне
-пакета, затем `pnpm add -D ./vernikr-size-report-1.3.0.tgz`.
+пакета, затем `pnpm add -D ./vernikr-size-report-1.3.1.tgz`.
 
 **Почему тег, а не sha.** Короткий sha pnpm разрешает только через видимые рефы, а
 `git ls-remote` отдаёт одни верхушки веток: пока ревизия — верхушка, короткий sha
@@ -648,7 +659,7 @@ pnpm add -D github:vernikr/size-report#v1.3.0
 <sha> to a commit`. Это не рассуждение, а проба: короткий пин `6530237` ставился,
 пока `main` стоял на нём, и перестал — на следующем же коммите, а тот же sha
 целиком поставился. Имя ветки (`#main`) или тег принимаются оба, но ветка —
-движущаяся цель, а тег постоянен: этот выпуск стоит на теге `v1.3.0`, он же и в
+движущаяся цель, а тег постоянен: этот выпуск стоит на теге `v1.3.1`, он же и в
 примере (сорок знаков тоже годятся, но их придётся брать глазами из истории).
 
 Ревизия в примере — не украшение, а часть утверждения: она закреплена за тем, что

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vernikr/size-report",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "author": "vernikr",
   "repository": {
     "type": "git",
@@ -65,7 +65,7 @@
     "report"
   ],
   "devDependencies": {
-    "@vernikr/size-report": "1.2.0",
+    "@vernikr/size-report": "1.3.0",
     "c8": "10",
     "dependency-cruiser": "17",
     "eslint": "^9.18.0",

package/src/page/app.css

@@ -154,6 +154,36 @@ h1 { margin: 0 0 3px; font-size: 21px; font-weight: 650; letter-spacing: -.012em
  * сдвигает разметку. Ссылки журнала и все переключатели доступны с Tab. */
 :focus-visible { outline: 2px solid AccentColor; outline-offset: 2px; border-radius: 3px; }
 
+/* Широкая страница: панель выбора (метрики, дерево файлов, легенда) стоит **слева**
+ * от таблицы. Это не украшение: на десктопе бокового места много, а вертикального
+ * мало — переключатели и числа видны одновременно, и прокрутка страницы не уводит
+ * управление за экран. Узкое окно эту же раскладку снимает (ниже): там столбцы
+ * снова идут друг под другом, потому что рядом им не хватает ширины.
+ *
+ * Раскладка — сетка на `body`, а не обёртка в разметке: страница собирается
+ * вклейкой глав (`src/page/build.js`), и добавлять ей узлы ради оформления значило
+ * бы менять форму страницы в двух местах вместо одного.
+ *
+ * Порог 900px — тот же, что у адаптаций ниже: одна граница на «широко» и «узко»,
+ * иначе между двумя порогами страница осталась бы без ни одного правила. */
+@media (min-width: 900px) {
+  body {
+    display: grid;
+    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr);
+    column-gap: var(--gap);
+    /* Оба столбца начинаются сверху и не растягиваются под соседа: у панели своя
+     * высота, у таблицы своя. */
+    align-content: start;
+    align-items: start;
+  }
+  header { grid-column: 1 / -1; }
+  #panel { grid-column: 1; }
+  #notice, #shell, #state, #note { grid-column: 2; }
+  /* В столбце дерево прокручивается выше, чем над таблицей: место занимает
+   * боковая колонка, а числа не отодвигает. */
+  .panel .files { max-height: min(62vh, 620px); }
+}
+
 /* Адаптации: единственное место, где страница правит общую геометрию, — потому что
  * общая часть заморожена байтами артефакта, а не потому что так удобнее. */
 @media (max-width: 900px) {