Сводка

Установите и подключите повторно используемые блоки и компоненты к композициям 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 при связывании блоков.