Сводка
Установите и подключите повторно используемые блоки и компоненты к композициям HyperFrames через реестр.
-
Блоки — автономные подкомпозиции с собственными размерами и таймлайном; компоненты — фрагменты эффектов, вставляемые напрямую в хост-композиции
-
Устанавливайте через
hyperframes add <name>с опциями для настраиваемых директорий, вывода JSON и управления буфером обмена -
Блоки требуют связывания через
data-composition-srcи атрибуты видаdata-composition-id,data-start,data-durationиdata-track-index -
Компоненты требуют ручного объединения элементов HTML, стилей CSS и JavaScript в хост-композицию
-
Пути установки и источник реестра настраиваются в
hyperframes.json
HyperFrames Registry
Реестр HyperFrames предоставляет повторно используемые блоки и компоненты, устанавливаемые через hyperframes add <name>.
-
Блоки — автономные подкомпозиции (с собственными размерами, продолжительностью и таймлайном). Подключаются через
data-composition-srcв хост-композицию. -
Компоненты — фрагменты эффектов (без собственных размеров). Вставляются напрямую в HTML хост-композиции.
Быстрая справка
hyperframes add data-chart # install a block
hyperframes add grain-overlay # install a component
hyperframes add captions # install every block tagged captions
hyperframes add shimmer-sweep --dir . # target a specific project
hyperframes add data-chart --json # machine-readable output
hyperframes add data-chart --no-clipboard # skip clipboard (CI/headless)
После установки CLI выведет список файлов, которые были записаны, и фрагмент кода, который нужно вставить в вашу хост-композицию. Этот фрагмент служит отправной точкой — вам нужно будет добавить атрибуты data-composition-id (должен совпадать с внутренним идентификатором композиции блока), data-start и data-track-index при связывании блоков.