hyperframes 0.1.1 → 0.1.4

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.
Files changed (31) hide show
  1. package/README.md +121 -0
  2. package/dist/cli.js +2755 -1167
  3. package/dist/docs/compositions.md +8 -1
  4. package/dist/docs/data-attributes.md +4 -0
  5. package/dist/docs/gsap.md +3 -0
  6. package/dist/docs/rendering.md +4 -0
  7. package/dist/docs/templates.md +4 -0
  8. package/dist/docs/troubleshooting.md +7 -0
  9. package/dist/hyperframe-runtime.js +4 -3
  10. package/dist/hyperframe.manifest.json +22 -0
  11. package/dist/hyperframe.runtime.iife.js +13 -0
  12. package/dist/studio/index.html +11 -11
  13. package/dist/templates/blank/compositions/captions.html +92 -0
  14. package/dist/templates/blank/index.html +44 -0
  15. package/dist/templates/play-mode/compositions/captions.html +96 -30
  16. package/dist/templates/play-mode/compositions/intro.html +90 -71
  17. package/dist/templates/play-mode/compositions/stats.html +210 -74
  18. package/dist/templates/play-mode/index.html +214 -148
  19. package/dist/templates/swiss-grid/compositions/captions.html +70 -17
  20. package/dist/templates/swiss-grid/compositions/graphics.html +52 -43
  21. package/dist/templates/swiss-grid/compositions/intro.html +42 -25
  22. package/dist/templates/swiss-grid/index.html +227 -165
  23. package/dist/templates/vignelli/compositions/captions.html +87 -28
  24. package/dist/templates/vignelli/compositions/overlays.html +83 -31
  25. package/dist/templates/vignelli/index.html +183 -164
  26. package/dist/templates/warm-grain/compositions/captions.html +80 -66
  27. package/dist/templates/warm-grain/compositions/graphics.html +29 -22
  28. package/dist/templates/warm-grain/compositions/intro.html +29 -20
  29. package/dist/templates/warm-grain/index.html +278 -179
  30. package/package.json +16 -15
  31. package/LICENSE +0 -21
package/README.md ADDED
@@ -0,0 +1,121 @@
1
+ # hyperframes
2
+
3
+ CLI for creating, previewing, and rendering HTML video compositions.
4
+
5
+ ## Install
6
+
7
+ ```bash
8
+ npm install -g hyperframes
9
+ ```
10
+
11
+ Or use directly with npx:
12
+
13
+ ```bash
14
+ npx hyperframes <command>
15
+ ```
16
+
17
+ **Requirements:** Node.js >= 22, FFmpeg
18
+
19
+ ## Commands
20
+
21
+ ### `init`
22
+
23
+ Scaffold a new Hyperframes project from a template:
24
+
25
+ ```bash
26
+ npx hyperframes init my-video
27
+ cd my-video
28
+ ```
29
+
30
+ ### `dev`
31
+
32
+ Start the live preview studio in your browser:
33
+
34
+ ```bash
35
+ npx hyperframes dev
36
+ # Server running at http://localhost:3000
37
+ # Watching for changes...
38
+ ```
39
+
40
+ ### `render`
41
+
42
+ Render a composition to MP4:
43
+
44
+ ```bash
45
+ npx hyperframes render ./my-composition.html -o output.mp4
46
+ ```
47
+
48
+ ### `lint`
49
+
50
+ Validate your Hyperframes HTML:
51
+
52
+ ```bash
53
+ npx hyperframes lint ./my-composition.html
54
+ ```
55
+
56
+ ### `compositions`
57
+
58
+ List compositions found in the current project:
59
+
60
+ ```bash
61
+ npx hyperframes compositions
62
+ ```
63
+
64
+ ### `benchmark`
65
+
66
+ Run rendering benchmarks:
67
+
68
+ ```bash
69
+ npx hyperframes benchmark ./my-composition.html
70
+ ```
71
+
72
+ ### `doctor`
73
+
74
+ Check your environment for required dependencies (Chrome, FFmpeg, Node.js):
75
+
76
+ ```bash
77
+ npx hyperframes doctor
78
+ ```
79
+
80
+ ### `browser`
81
+
82
+ Manage the bundled Chrome/Chromium installation:
83
+
84
+ ```bash
85
+ npx hyperframes browser
86
+ ```
87
+
88
+ ### `info`
89
+
90
+ Print version and environment info:
91
+
92
+ ```bash
93
+ npx hyperframes info
94
+ ```
95
+
96
+ ### `docs`
97
+
98
+ Open the documentation in your browser:
99
+
100
+ ```bash
101
+ npx hyperframes docs
102
+ ```
103
+
104
+ ### `upgrade`
105
+
106
+ Upgrade Hyperframes to the latest version:
107
+
108
+ ```bash
109
+ npx hyperframes upgrade
110
+ ```
111
+
112
+ ## Documentation
113
+
114
+ Full documentation: [hyperframes.heygen.com/packages/cli](https://hyperframes.heygen.com/packages/cli)
115
+
116
+ ## Related packages
117
+
118
+ - [`@hyperframes/core`](../core) — types, parsers, frame adapters
119
+ - [`@hyperframes/engine`](../engine) — rendering engine
120
+ - [`@hyperframes/producer`](../producer) — render pipeline
121
+ - [`@hyperframes/studio`](../studio) — composition editor UI