feat(useResizeObserver): optimize and refactor hook

[EldarMuhamethanov]

• Unit-тесты
• Release notes

Описание

Ключевая идея: уменьшить накладные расходы при resize за счёт переиспользования инфраструктуры наблюдения и снижения количества лишних вызовов колбэков при частых изменениях размеров.

Изменения

Зачем это сделано

В resize-сценариях (особенно при большом количестве элементов и частых изменениях layout) лишние инстансы observer'ов и частые немедленные callback'и создают ненужную нагрузку на main thread и React-обновления.

Цель — сделать механизм более экономным по ресурсам и более стабильным под нагрузкой.

Что дает новый подход

• Переиспользование ResizeObserver
  Для element resize введены общие пулы наблюдателей (по box), вместо создания независимого observer на каждый хук/элемент.
• Меньше лишних обновлений через rafBatch
  Resize-события батчатся в один requestAnimationFrame-тик с отправкой только актуального значения.
• Разделение element/window resize
  Для окна и элементов теперь отдельные механизмы наблюдения, что уменьшает внутренние ветвления и упрощает оптимизацию каждого пути отдельно.
• Единая подписка на window resize
  Подписки для window-сценариев агрегируются, чтобы не плодить одинаковые addEventListener на каждое использование хука.
• Более предсказуемый cleanup
  Отписки и отмена pending raf централизованы, что снижает риск утечек и “хвостов” после unmount.

Release notes

[github-actions]

size-limit report 📦

Path	Size
JS	411.43 KB (+0.6% 🔺)
JS (gzip)	126.12 KB (+0.65% 🔺)
JS (brotli)	103.96 KB (+0.63% 🔺)
JS import Div (tree shaking)	811 B (0%)
CSS	375.11 KB (0%)
CSS (gzip)	46.28 KB (0%)
CSS (brotli)	36.64 KB (0%)

[github-actions]

e2e tests

⚠️ Some screenshots were failed. See Playwright Report.

Playwright Report

[github-actions]

📊 Найдены изменения в собранных файлах: Отчет

Commit 78e360b

[github-actions]

👀 Docs deployed

• ✅ Website
• ✅ Playground

📦 Package ✅

yarn add @vkontakte/vkui@https://development.s3.prodcloud.vk.team/pull/9665/1a77f8e134add5d619d1af88a28c6e80c4626067/pkg/@vkontakte/vkui/_pkg.tgz

Commit 1a77f8e

[codecov]

Codecov Report

❌ Patch coverage is 97.36842% with 5 lines in your changes missing coverage. Please review.
✅ Project coverage is 95.36%. Comparing base (5942f61) to head (78e360b).
⚠️ Report is 1 commits behind head on master.

Files with missing lines	Patch %	Lines
...hooks/useResizeObserver/useWindowResizeObserver.ts	96.80%	3 Missing ⚠️
packages/vkui/src/hooks/useVirtualKeyboardState.ts	90.90%	2 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #9665      +/-   ##
==========================================
+ Coverage   95.35%   95.36%   +0.01%     
==========================================
  Files         439      440       +1     
  Lines       12052    12194     +142     
  Branches     4374     4401      +27     
==========================================
+ Hits        11492    11629     +137     
- Misses        560      565       +5     

Flag	Coverage Δ
unittests	95.36% <97.36%> (+0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.