@contractspec/lib.video-gen 1.42.0

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 (137) hide show
  1. package/dist/browser/compositions/api-overview.js +645 -0
  2. package/dist/browser/compositions/index.js +1133 -0
  3. package/dist/browser/compositions/primitives/animated-text.js +144 -0
  4. package/dist/browser/compositions/primitives/brand-frame.js +181 -0
  5. package/dist/browser/compositions/primitives/code-block.js +226 -0
  6. package/dist/browser/compositions/primitives/index.js +656 -0
  7. package/dist/browser/compositions/primitives/progress-bar.js +59 -0
  8. package/dist/browser/compositions/primitives/terminal.js +265 -0
  9. package/dist/browser/compositions/primitives/transition.js +98 -0
  10. package/dist/browser/compositions/social-clip.js +500 -0
  11. package/dist/browser/compositions/terminal-demo.js +558 -0
  12. package/dist/browser/design/index.js +155 -0
  13. package/dist/browser/design/layouts.js +50 -0
  14. package/dist/browser/design/motion.js +43 -0
  15. package/dist/browser/design/tokens.js +28 -0
  16. package/dist/browser/design/typography.js +61 -0
  17. package/dist/browser/docs/compositions.docblock.js +182 -0
  18. package/dist/browser/docs/design.docblock.js +187 -0
  19. package/dist/browser/docs/generators.docblock.js +187 -0
  20. package/dist/browser/docs/rendering.docblock.js +197 -0
  21. package/dist/browser/docs/video-gen.docblock.js +141 -0
  22. package/dist/browser/generators/index.js +416 -0
  23. package/dist/browser/generators/scene-planner.js +205 -0
  24. package/dist/browser/generators/script-generator.js +147 -0
  25. package/dist/browser/generators/video-generator.js +414 -0
  26. package/dist/browser/index.js +1550 -0
  27. package/dist/browser/player/demo-player.js +1136 -0
  28. package/dist/browser/player/index.js +1136 -0
  29. package/dist/browser/remotion/Root.js +1189 -0
  30. package/dist/browser/remotion/index.js +1190 -0
  31. package/dist/browser/renderers/config.js +40 -0
  32. package/dist/browser/renderers/index.js +160 -0
  33. package/dist/browser/renderers/local.js +156 -0
  34. package/dist/browser/types.js +13 -0
  35. package/dist/compositions/api-overview.d.ts +16 -0
  36. package/dist/compositions/api-overview.js +640 -0
  37. package/dist/compositions/index.d.ts +7 -0
  38. package/dist/compositions/index.js +1128 -0
  39. package/dist/compositions/primitives/animated-text.d.ts +22 -0
  40. package/dist/compositions/primitives/animated-text.js +139 -0
  41. package/dist/compositions/primitives/brand-frame.d.ts +14 -0
  42. package/dist/compositions/primitives/brand-frame.js +176 -0
  43. package/dist/compositions/primitives/code-block.d.ts +18 -0
  44. package/dist/compositions/primitives/code-block.js +221 -0
  45. package/dist/compositions/primitives/index.d.ts +12 -0
  46. package/dist/compositions/primitives/index.js +651 -0
  47. package/dist/compositions/primitives/progress-bar.d.ts +12 -0
  48. package/dist/compositions/primitives/progress-bar.js +54 -0
  49. package/dist/compositions/primitives/terminal.d.ts +24 -0
  50. package/dist/compositions/primitives/terminal.js +260 -0
  51. package/dist/compositions/primitives/transition.d.ts +14 -0
  52. package/dist/compositions/primitives/transition.js +93 -0
  53. package/dist/compositions/social-clip.d.ts +16 -0
  54. package/dist/compositions/social-clip.js +495 -0
  55. package/dist/compositions/terminal-demo.d.ts +17 -0
  56. package/dist/compositions/terminal-demo.js +553 -0
  57. package/dist/design/index.d.ts +4 -0
  58. package/dist/design/index.js +150 -0
  59. package/dist/design/layouts.d.ts +69 -0
  60. package/dist/design/layouts.js +45 -0
  61. package/dist/design/motion.d.ts +72 -0
  62. package/dist/design/motion.js +38 -0
  63. package/dist/design/tokens.d.ts +31 -0
  64. package/dist/design/tokens.js +23 -0
  65. package/dist/design/typography.d.ts +61 -0
  66. package/dist/design/typography.js +56 -0
  67. package/dist/docs/compositions.docblock.d.ts +1 -0
  68. package/dist/docs/compositions.docblock.js +183 -0
  69. package/dist/docs/design.docblock.d.ts +1 -0
  70. package/dist/docs/design.docblock.js +188 -0
  71. package/dist/docs/generators.docblock.d.ts +1 -0
  72. package/dist/docs/generators.docblock.js +188 -0
  73. package/dist/docs/rendering.docblock.d.ts +1 -0
  74. package/dist/docs/rendering.docblock.js +198 -0
  75. package/dist/docs/video-gen.docblock.d.ts +1 -0
  76. package/dist/docs/video-gen.docblock.js +142 -0
  77. package/dist/generators/index.d.ts +5 -0
  78. package/dist/generators/index.js +411 -0
  79. package/dist/generators/scene-planner.d.ts +23 -0
  80. package/dist/generators/scene-planner.js +200 -0
  81. package/dist/generators/script-generator.d.ts +49 -0
  82. package/dist/generators/script-generator.js +142 -0
  83. package/dist/generators/video-generator.d.ts +20 -0
  84. package/dist/generators/video-generator.js +409 -0
  85. package/dist/index.d.ts +6 -0
  86. package/dist/index.js +1545 -0
  87. package/dist/node/compositions/api-overview.js +640 -0
  88. package/dist/node/compositions/index.js +1128 -0
  89. package/dist/node/compositions/primitives/animated-text.js +139 -0
  90. package/dist/node/compositions/primitives/brand-frame.js +176 -0
  91. package/dist/node/compositions/primitives/code-block.js +221 -0
  92. package/dist/node/compositions/primitives/index.js +651 -0
  93. package/dist/node/compositions/primitives/progress-bar.js +54 -0
  94. package/dist/node/compositions/primitives/terminal.js +260 -0
  95. package/dist/node/compositions/primitives/transition.js +93 -0
  96. package/dist/node/compositions/social-clip.js +495 -0
  97. package/dist/node/compositions/terminal-demo.js +553 -0
  98. package/dist/node/design/index.js +150 -0
  99. package/dist/node/design/layouts.js +45 -0
  100. package/dist/node/design/motion.js +38 -0
  101. package/dist/node/design/tokens.js +23 -0
  102. package/dist/node/design/typography.js +56 -0
  103. package/dist/node/docs/compositions.docblock.js +182 -0
  104. package/dist/node/docs/design.docblock.js +187 -0
  105. package/dist/node/docs/generators.docblock.js +187 -0
  106. package/dist/node/docs/rendering.docblock.js +197 -0
  107. package/dist/node/docs/video-gen.docblock.js +141 -0
  108. package/dist/node/generators/index.js +411 -0
  109. package/dist/node/generators/scene-planner.js +200 -0
  110. package/dist/node/generators/script-generator.js +142 -0
  111. package/dist/node/generators/video-generator.js +409 -0
  112. package/dist/node/index.js +1545 -0
  113. package/dist/node/player/demo-player.js +1131 -0
  114. package/dist/node/player/index.js +1131 -0
  115. package/dist/node/remotion/Root.js +1184 -0
  116. package/dist/node/remotion/index.js +1185 -0
  117. package/dist/node/renderers/config.js +35 -0
  118. package/dist/node/renderers/index.js +155 -0
  119. package/dist/node/renderers/local.js +151 -0
  120. package/dist/node/types.js +8 -0
  121. package/dist/player/demo-player.d.ts +55 -0
  122. package/dist/player/demo-player.js +1131 -0
  123. package/dist/player/index.d.ts +2 -0
  124. package/dist/player/index.js +1131 -0
  125. package/dist/remotion/Root.d.ts +2 -0
  126. package/dist/remotion/Root.js +1184 -0
  127. package/dist/remotion/index.d.ts +1 -0
  128. package/dist/remotion/index.js +1185 -0
  129. package/dist/renderers/config.d.ts +28 -0
  130. package/dist/renderers/config.js +35 -0
  131. package/dist/renderers/index.d.ts +3 -0
  132. package/dist/renderers/index.js +155 -0
  133. package/dist/renderers/local.d.ts +17 -0
  134. package/dist/renderers/local.js +151 -0
  135. package/dist/types.d.ts +63 -0
  136. package/dist/types.js +8 -0
  137. package/package.json +637 -0
@@ -0,0 +1,40 @@
1
+ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
2
+ get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
3
+ }) : x)(function(x) {
4
+ if (typeof require !== "undefined")
5
+ return require.apply(this, arguments);
6
+ throw Error('Dynamic require of "' + x + '" is not supported');
7
+ });
8
+
9
+ // src/renderers/config.ts
10
+ var defaultRenderConfig = {
11
+ codec: "h264",
12
+ outputFormat: "mp4",
13
+ crf: 18,
14
+ pixelFormat: "yuv420p"
15
+ };
16
+ var codecFormatMap = {
17
+ h264: "mp4",
18
+ h265: "mp4",
19
+ vp8: "webm",
20
+ vp9: "webm"
21
+ };
22
+ var qualityPresets = {
23
+ draft: { crf: 28, concurrency: 1 },
24
+ standard: { crf: 18, concurrency: undefined },
25
+ high: { crf: 12, concurrency: undefined }
26
+ };
27
+ function resolveRenderConfig(userConfig, preset) {
28
+ const presetValues = preset ? qualityPresets[preset] : {};
29
+ return {
30
+ ...defaultRenderConfig,
31
+ ...presetValues,
32
+ ...userConfig
33
+ };
34
+ }
35
+ export {
36
+ resolveRenderConfig,
37
+ qualityPresets,
38
+ defaultRenderConfig,
39
+ codecFormatMap
40
+ };
@@ -0,0 +1,160 @@
1
+ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
2
+ get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
3
+ }) : x)(function(x) {
4
+ if (typeof require !== "undefined")
5
+ return require.apply(this, arguments);
6
+ throw Error('Dynamic require of "' + x + '" is not supported');
7
+ });
8
+
9
+ // src/design/layouts.ts
10
+ import { VIDEO_FORMATS } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
11
+ var DEFAULT_FPS = 30;
12
+ var videoSafeZone = {
13
+ horizontal: 120,
14
+ vertical: 80,
15
+ contentWidth: 1680,
16
+ contentHeight: 920
17
+ };
18
+ function scaleSafeZone(format) {
19
+ const scaleX = format.width / 1920;
20
+ const scaleY = format.height / 1080;
21
+ return {
22
+ horizontal: Math.round(videoSafeZone.horizontal * scaleX),
23
+ vertical: Math.round(videoSafeZone.vertical * scaleY),
24
+ contentWidth: Math.round(videoSafeZone.contentWidth * scaleX),
25
+ contentHeight: Math.round(videoSafeZone.contentHeight * scaleY)
26
+ };
27
+ }
28
+ var videoPositions = {
29
+ center: { x: 960, y: 540 },
30
+ topLeft: { x: 120, y: 80 },
31
+ topRight: { x: 1800, y: 80 },
32
+ bottomLeft: { x: 120, y: 1000 },
33
+ bottomRight: { x: 1800, y: 1000 },
34
+ bottomCenter: { x: 960, y: 960 }
35
+ };
36
+ function getAllFormatVariants() {
37
+ return [
38
+ VIDEO_FORMATS.landscape,
39
+ VIDEO_FORMATS.square,
40
+ VIDEO_FORMATS.portrait
41
+ ];
42
+ }
43
+
44
+ // src/renderers/config.ts
45
+ var defaultRenderConfig = {
46
+ codec: "h264",
47
+ outputFormat: "mp4",
48
+ crf: 18,
49
+ pixelFormat: "yuv420p"
50
+ };
51
+ var codecFormatMap = {
52
+ h264: "mp4",
53
+ h265: "mp4",
54
+ vp8: "webm",
55
+ vp9: "webm"
56
+ };
57
+ var qualityPresets = {
58
+ draft: { crf: 28, concurrency: 1 },
59
+ standard: { crf: 18, concurrency: undefined },
60
+ high: { crf: 12, concurrency: undefined }
61
+ };
62
+ function resolveRenderConfig(userConfig, preset) {
63
+ const presetValues = preset ? qualityPresets[preset] : {};
64
+ return {
65
+ ...defaultRenderConfig,
66
+ ...presetValues,
67
+ ...userConfig
68
+ };
69
+ }
70
+
71
+ // src/renderers/local.ts
72
+ class LocalRenderer {
73
+ entryPoint;
74
+ constructor(options) {
75
+ this.entryPoint = options.entryPoint;
76
+ }
77
+ async render(project, config) {
78
+ const resolved = resolveRenderConfig(config);
79
+ const { bundle } = await import("@remotion/bundler");
80
+ const { renderMedia, selectComposition } = await import("@remotion/renderer");
81
+ const bundleLocation = await bundle({
82
+ entryPoint: this.entryPoint
83
+ });
84
+ const firstScene = project.scenes[0];
85
+ const mainCompositionId = project.scenes.length === 1 && firstScene ? firstScene.compositionId : "Master";
86
+ const composition = await selectComposition({
87
+ serveUrl: bundleLocation,
88
+ id: mainCompositionId,
89
+ inputProps: {
90
+ project
91
+ }
92
+ });
93
+ await renderMedia({
94
+ composition,
95
+ serveUrl: bundleLocation,
96
+ codec: resolved.codec,
97
+ outputLocation: resolved.outputPath,
98
+ inputProps: { project },
99
+ ...resolved.crf && { crf: resolved.crf },
100
+ ...resolved.concurrency && {
101
+ concurrency: resolved.concurrency
102
+ }
103
+ });
104
+ const result = {
105
+ outputPath: resolved.outputPath,
106
+ format: resolved.outputFormat ?? defaultRenderConfig.outputFormat,
107
+ codec: resolved.codec ?? defaultRenderConfig.codec,
108
+ durationSeconds: project.totalDurationInFrames / project.fps,
109
+ fileSizeBytes: 0,
110
+ dimensions: {
111
+ width: project.format.width,
112
+ height: project.format.height
113
+ }
114
+ };
115
+ if (config.autoVariants) {
116
+ const variants = getAllFormatVariants().filter((f) => f.type !== project.format.type);
117
+ const variantResults = [];
118
+ for (const variantFormat of variants) {
119
+ const variantPath = resolved.outputPath.replace(/(\.[^.]+)$/, `-${variantFormat.type}$1`);
120
+ const variantProject = {
121
+ ...project,
122
+ format: variantFormat
123
+ };
124
+ const variantComposition = await selectComposition({
125
+ serveUrl: bundleLocation,
126
+ id: mainCompositionId,
127
+ inputProps: { project: variantProject }
128
+ });
129
+ await renderMedia({
130
+ composition: variantComposition,
131
+ serveUrl: bundleLocation,
132
+ codec: resolved.codec,
133
+ outputLocation: variantPath,
134
+ inputProps: { project: variantProject },
135
+ ...resolved.crf && { crf: resolved.crf }
136
+ });
137
+ variantResults.push({
138
+ outputPath: variantPath,
139
+ format: resolved.outputFormat ?? defaultRenderConfig.outputFormat,
140
+ codec: resolved.codec ?? defaultRenderConfig.codec,
141
+ durationSeconds: project.totalDurationInFrames / project.fps,
142
+ fileSizeBytes: 0,
143
+ dimensions: {
144
+ width: variantFormat.width,
145
+ height: variantFormat.height
146
+ }
147
+ });
148
+ }
149
+ result.variants = variantResults;
150
+ }
151
+ return result;
152
+ }
153
+ }
154
+ export {
155
+ resolveRenderConfig,
156
+ qualityPresets,
157
+ defaultRenderConfig,
158
+ codecFormatMap,
159
+ LocalRenderer
160
+ };
@@ -0,0 +1,156 @@
1
+ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
2
+ get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
3
+ }) : x)(function(x) {
4
+ if (typeof require !== "undefined")
5
+ return require.apply(this, arguments);
6
+ throw Error('Dynamic require of "' + x + '" is not supported');
7
+ });
8
+
9
+ // src/design/layouts.ts
10
+ import { VIDEO_FORMATS } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
11
+ var DEFAULT_FPS = 30;
12
+ var videoSafeZone = {
13
+ horizontal: 120,
14
+ vertical: 80,
15
+ contentWidth: 1680,
16
+ contentHeight: 920
17
+ };
18
+ function scaleSafeZone(format) {
19
+ const scaleX = format.width / 1920;
20
+ const scaleY = format.height / 1080;
21
+ return {
22
+ horizontal: Math.round(videoSafeZone.horizontal * scaleX),
23
+ vertical: Math.round(videoSafeZone.vertical * scaleY),
24
+ contentWidth: Math.round(videoSafeZone.contentWidth * scaleX),
25
+ contentHeight: Math.round(videoSafeZone.contentHeight * scaleY)
26
+ };
27
+ }
28
+ var videoPositions = {
29
+ center: { x: 960, y: 540 },
30
+ topLeft: { x: 120, y: 80 },
31
+ topRight: { x: 1800, y: 80 },
32
+ bottomLeft: { x: 120, y: 1000 },
33
+ bottomRight: { x: 1800, y: 1000 },
34
+ bottomCenter: { x: 960, y: 960 }
35
+ };
36
+ function getAllFormatVariants() {
37
+ return [
38
+ VIDEO_FORMATS.landscape,
39
+ VIDEO_FORMATS.square,
40
+ VIDEO_FORMATS.portrait
41
+ ];
42
+ }
43
+
44
+ // src/renderers/config.ts
45
+ var defaultRenderConfig = {
46
+ codec: "h264",
47
+ outputFormat: "mp4",
48
+ crf: 18,
49
+ pixelFormat: "yuv420p"
50
+ };
51
+ var codecFormatMap = {
52
+ h264: "mp4",
53
+ h265: "mp4",
54
+ vp8: "webm",
55
+ vp9: "webm"
56
+ };
57
+ var qualityPresets = {
58
+ draft: { crf: 28, concurrency: 1 },
59
+ standard: { crf: 18, concurrency: undefined },
60
+ high: { crf: 12, concurrency: undefined }
61
+ };
62
+ function resolveRenderConfig(userConfig, preset) {
63
+ const presetValues = preset ? qualityPresets[preset] : {};
64
+ return {
65
+ ...defaultRenderConfig,
66
+ ...presetValues,
67
+ ...userConfig
68
+ };
69
+ }
70
+
71
+ // src/renderers/local.ts
72
+ class LocalRenderer {
73
+ entryPoint;
74
+ constructor(options) {
75
+ this.entryPoint = options.entryPoint;
76
+ }
77
+ async render(project, config) {
78
+ const resolved = resolveRenderConfig(config);
79
+ const { bundle } = await import("@remotion/bundler");
80
+ const { renderMedia, selectComposition } = await import("@remotion/renderer");
81
+ const bundleLocation = await bundle({
82
+ entryPoint: this.entryPoint
83
+ });
84
+ const firstScene = project.scenes[0];
85
+ const mainCompositionId = project.scenes.length === 1 && firstScene ? firstScene.compositionId : "Master";
86
+ const composition = await selectComposition({
87
+ serveUrl: bundleLocation,
88
+ id: mainCompositionId,
89
+ inputProps: {
90
+ project
91
+ }
92
+ });
93
+ await renderMedia({
94
+ composition,
95
+ serveUrl: bundleLocation,
96
+ codec: resolved.codec,
97
+ outputLocation: resolved.outputPath,
98
+ inputProps: { project },
99
+ ...resolved.crf && { crf: resolved.crf },
100
+ ...resolved.concurrency && {
101
+ concurrency: resolved.concurrency
102
+ }
103
+ });
104
+ const result = {
105
+ outputPath: resolved.outputPath,
106
+ format: resolved.outputFormat ?? defaultRenderConfig.outputFormat,
107
+ codec: resolved.codec ?? defaultRenderConfig.codec,
108
+ durationSeconds: project.totalDurationInFrames / project.fps,
109
+ fileSizeBytes: 0,
110
+ dimensions: {
111
+ width: project.format.width,
112
+ height: project.format.height
113
+ }
114
+ };
115
+ if (config.autoVariants) {
116
+ const variants = getAllFormatVariants().filter((f) => f.type !== project.format.type);
117
+ const variantResults = [];
118
+ for (const variantFormat of variants) {
119
+ const variantPath = resolved.outputPath.replace(/(\.[^.]+)$/, `-${variantFormat.type}$1`);
120
+ const variantProject = {
121
+ ...project,
122
+ format: variantFormat
123
+ };
124
+ const variantComposition = await selectComposition({
125
+ serveUrl: bundleLocation,
126
+ id: mainCompositionId,
127
+ inputProps: { project: variantProject }
128
+ });
129
+ await renderMedia({
130
+ composition: variantComposition,
131
+ serveUrl: bundleLocation,
132
+ codec: resolved.codec,
133
+ outputLocation: variantPath,
134
+ inputProps: { project: variantProject },
135
+ ...resolved.crf && { crf: resolved.crf }
136
+ });
137
+ variantResults.push({
138
+ outputPath: variantPath,
139
+ format: resolved.outputFormat ?? defaultRenderConfig.outputFormat,
140
+ codec: resolved.codec ?? defaultRenderConfig.codec,
141
+ durationSeconds: project.totalDurationInFrames / project.fps,
142
+ fileSizeBytes: 0,
143
+ dimensions: {
144
+ width: variantFormat.width,
145
+ height: variantFormat.height
146
+ }
147
+ });
148
+ }
149
+ result.variants = variantResults;
150
+ }
151
+ return result;
152
+ }
153
+ }
154
+ export {
155
+ LocalRenderer
156
+ };
@@ -0,0 +1,13 @@
1
+ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
2
+ get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
3
+ }) : x)(function(x) {
4
+ if (typeof require !== "undefined")
5
+ return require.apply(this, arguments);
6
+ throw Error('Dynamic require of "' + x + '" is not supported');
7
+ });
8
+
9
+ // src/types.ts
10
+ import { VIDEO_FORMATS } from "@contractspec/lib.contracts-integrations/integrations/providers/video";
11
+ export {
12
+ VIDEO_FORMATS
13
+ };
@@ -0,0 +1,16 @@
1
+ import React from 'react';
2
+ export interface ApiOverviewProps {
3
+ /** The contract spec name (e.g., "CreateUser") */
4
+ specName: string;
5
+ /** HTTP method */
6
+ method?: string;
7
+ /** Endpoint path */
8
+ endpoint?: string;
9
+ /** Contract spec code snippet */
10
+ specCode: string;
11
+ /** Generated output items to showcase */
12
+ generatedOutputs?: string[];
13
+ /** Tagline */
14
+ tagline?: string;
15
+ }
16
+ export declare const ApiOverview: React.FC<ApiOverviewProps>;