hyperframes 0.8.31 → 0.8.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cli.js +2666 -1737
- package/dist/commands/layout-audit.browser.js +161 -12
- package/dist/fontLocalizeCli.js +2604 -1971
- package/dist/hyperframe-runtime.js +27 -27
- package/dist/hyperframe.manifest.json +1 -1
- package/dist/hyperframe.runtime.iife.js +27 -27
- package/dist/hyperframes-player.global.js +5 -1
- package/dist/hyperframes-slideshow.global.js +16 -16
- package/dist/studio/assets/{hyperframes-player-0QzsrRGz.js → hyperframes-player-CNhkujVy.js} +5 -1
- package/dist/studio/assets/{index-Dyhj0geW.js → index-CslAQ3JV.js} +1 -1
- package/dist/studio/assets/{index-CfQexXc6.js → index-DOoo96Tb.js} +113 -113
- package/dist/studio/assets/{index-DdTv4TqQ.js → index-DiStlnx7.js} +1 -1
- package/dist/studio/index.html +1 -1
- package/dist/studio/index.js +26 -11
- package/dist/studio/index.js.map +1 -1
- package/dist/templates/_shared/AGENTS.md +4 -1
- package/dist/templates/_shared/CLAUDE.md +4 -1
- package/package.json +1 -1
|
@@ -90,11 +90,14 @@ Fix all errors before presenting the result. Warnings should be reviewed before
|
|
|
90
90
|
|
|
91
91
|
1. Every timed element needs `data-start` and a duration. `data-start` is what marks it as timed; `data-track-index` is an optional Studio display lane the render never reads
|
|
92
92
|
2. Give timed visual elements `class="clip"`. The framework keys visibility off `data-start`, not the class, but the shared `.clip` CSS is what gives a scene its full-frame box, and `lint` warns without it
|
|
93
|
-
3.
|
|
93
|
+
3. Register one paused root timeline per composition on `window.__timelines`:
|
|
94
94
|
```js
|
|
95
95
|
window.__timelines = window.__timelines || {};
|
|
96
96
|
window.__timelines["composition-id"] = gsap.timeline({ paused: true });
|
|
97
97
|
```
|
|
98
|
+
Scene timelines manually added to this root must not be paused. A paused
|
|
99
|
+
child does not advance when the root is seeked. The runtime activates
|
|
100
|
+
registered composition siblings, not arbitrary nested scene timelines.
|
|
98
101
|
4. Videos use `muted` with a separate `<audio>` element for the audio track
|
|
99
102
|
5. Sub-compositions use `data-composition-src="compositions/file.html"` to reference other HTML files
|
|
100
103
|
6. Only deterministic logic — no `Date.now()`, no `Math.random()`, no network fetches
|
|
@@ -90,11 +90,14 @@ Fix all errors before presenting the result. Warnings should be reviewed before
|
|
|
90
90
|
|
|
91
91
|
1. Every timed element needs `data-start` and a duration. `data-start` is what marks it as timed; `data-track-index` is an optional Studio display lane the render never reads
|
|
92
92
|
2. Give timed visual elements `class="clip"`. The framework keys visibility off `data-start`, not the class, but the shared `.clip` CSS is what gives a scene its full-frame box, and `lint` warns without it
|
|
93
|
-
3.
|
|
93
|
+
3. Register one paused root timeline per composition on `window.__timelines`:
|
|
94
94
|
```js
|
|
95
95
|
window.__timelines = window.__timelines || {};
|
|
96
96
|
window.__timelines["composition-id"] = gsap.timeline({ paused: true });
|
|
97
97
|
```
|
|
98
|
+
Scene timelines manually added to this root must not be paused. A paused
|
|
99
|
+
child does not advance when the root is seeked. The runtime activates
|
|
100
|
+
registered composition siblings, not arbitrary nested scene timelines.
|
|
98
101
|
4. Videos use `muted` with a separate `<audio>` element for the audio track
|
|
99
102
|
5. Sub-compositions use `data-composition-src="compositions/file.html"` to reference other HTML files
|
|
100
103
|
6. Only deterministic logic — no `Date.now()`, no `Math.random()`, no network fetches
|