@zync/zync-screnplay-player 0.1.204 → 0.1.206

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 (33) hide show
  1. package/dist/bundle.js +1 -1
  2. package/dist/screenplay/RemotionRenderer/RemotionRenderer.js +17 -14
  3. package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabColdOpen.js +741 -0
  4. package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabConversationSpine.js +607 -0
  5. package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabDocumentaryInset.js +606 -0
  6. package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabRackFocus.js +603 -0
  7. package/dist/screenplay/RemotionRenderer/components/layouts/CreatorCollabStudioSet.js +589 -0
  8. package/dist/screenplay/RemotionRenderer/components/layouts/DynamicTriangle.js +36 -6
  9. package/dist/screenplay/RemotionRenderer/components/layouts/Handoff.js +17 -6
  10. package/dist/screenplay/RemotionRenderer/components/layouts/IntroVideo.js +45 -8
  11. package/dist/screenplay/RemotionRenderer/components/layouts/Keyword.js +42 -9
  12. package/dist/screenplay/RemotionRenderer/components/layouts/KeywordStudioBackdrop.js +47 -10
  13. package/dist/screenplay/RemotionRenderer/components/layouts/MotionStill.js +42 -9
  14. package/dist/screenplay/RemotionRenderer/components/layouts/MotionStillStudioBackdrop.js +46 -9
  15. package/dist/screenplay/RemotionRenderer/components/layouts/SimpleFrame.js +21 -12
  16. package/dist/screenplay/RemotionRenderer/components/layouts/TextWithVideo.js +41 -8
  17. package/dist/screenplay/RemotionRenderer/development.js +164 -1239
  18. package/dist/screenplay/RemotionRenderer/hooks/useOrientationBased.js +7 -3
  19. package/dist/screenplay/RemotionRenderer/main/lib/layouts/CreatorCollabColdOpenLayout.js +22 -0
  20. package/dist/screenplay/RemotionRenderer/main/lib/layouts/CreatorCollabConversationSpineLayout.js +22 -0
  21. package/dist/screenplay/RemotionRenderer/main/lib/layouts/CreatorCollabDocumentaryInsetLayout.js +22 -0
  22. package/dist/screenplay/RemotionRenderer/main/lib/layouts/CreatorCollabRackFocusLayout.js +22 -0
  23. package/dist/screenplay/RemotionRenderer/main/lib/layouts/CreatorCollabStudioSetLayout.js +22 -0
  24. package/dist/screenplay/RemotionRenderer/main/lib/layouts/DefaultLayout.js +2 -1
  25. package/dist/screenplay/RemotionRenderer/main/lib/layouts/DynamicTriangleLayout.js +3 -2
  26. package/dist/screenplay/RemotionRenderer/main/lib/layouts/HandoffLayout.js +3 -2
  27. package/dist/screenplay/RemotionRenderer/main/lib/layouts/IntroVideoLayout.js +3 -1
  28. package/dist/screenplay/RemotionRenderer/main/lib/layouts/KeywordLayout.js +3 -2
  29. package/dist/screenplay/RemotionRenderer/main/lib/layouts/LayoutFactory.js +25 -0
  30. package/dist/screenplay/RemotionRenderer/main/lib/layouts/MotionStillLayout.js +3 -2
  31. package/dist/screenplay/RemotionRenderer/main/lib/layouts/TextWithVideoLayout.js +3 -2
  32. package/dist/screenplay/RemotionRenderer/registeredComponents.js +10 -0
  33. package/package.json +1 -1
@@ -90,27 +90,30 @@ export var RemotionRenderer = /*#__PURE__*/function () {
90
90
  }, {
91
91
  key: "toRemotionFragment",
92
92
  value: function toRemotionFragment(screenPlaySegment, layout) {
93
- var _screenPlaySegment$da, _screenPlaySegment$da2, _layout$data, _screenPlaySegment$da3, _screenPlaySegment$da4, _layout$data2, _screenPlaySegment$da5, _toFrames, _screenPlaySegment$da6, _screenPlaySegment$da7;
93
+ var _screenPlaySegment$da, _screenPlaySegment$da2, _layout$data, _screenPlaySegment$da3, _screenPlaySegment$da4, _layout$data2, _screenPlaySegment$da5, _screenPlaySegment$da6, _layout$data3, _screenPlaySegment$da7, _screenPlaySegment$da8, _layout$data4, _screenPlaySegment$da9, _toFrames, _screenPlaySegment$da10, _screenPlaySegment$da11;
94
94
  var trimLeft = 0;
95
95
  if (layout) {
96
96
  trimLeft = layout.data.trimLeft || 0;
97
97
  }
98
98
  var component = toPascalCase(screenPlaySegment.type);
99
99
  var inheritedProps = component === "HandoffNametag" ? {
100
- handoffNametagVariant: (_screenPlaySegment$da = (_screenPlaySegment$da2 = screenPlaySegment.data) === null || _screenPlaySegment$da2 === void 0 ? void 0 : _screenPlaySegment$da2.handoffNametagVariant) !== null && _screenPlaySegment$da !== void 0 ? _screenPlaySegment$da : layout === null || layout === void 0 ? void 0 : (_layout$data = layout.data) === null || _layout$data === void 0 ? void 0 : _layout$data.handoffNametagVariant,
101
- useSquareInLandscapeFirstVideo: (_screenPlaySegment$da3 = (_screenPlaySegment$da4 = screenPlaySegment.data) === null || _screenPlaySegment$da4 === void 0 ? void 0 : _screenPlaySegment$da4.useSquareInLandscapeFirstVideo) !== null && _screenPlaySegment$da3 !== void 0 ? _screenPlaySegment$da3 : layout === null || layout === void 0 ? void 0 : (_layout$data2 = layout.data) === null || _layout$data2 === void 0 ? void 0 : _layout$data2.useSquareInLandscapeFirstVideo
102
- } : {};
100
+ useSquareInLandscape: (_screenPlaySegment$da = (_screenPlaySegment$da2 = screenPlaySegment.data) === null || _screenPlaySegment$da2 === void 0 ? void 0 : _screenPlaySegment$da2.useSquareInLandscape) !== null && _screenPlaySegment$da !== void 0 ? _screenPlaySegment$da : layout === null || layout === void 0 ? void 0 : (_layout$data = layout.data) === null || _layout$data === void 0 ? void 0 : _layout$data.useSquareInLandscape,
101
+ handoffNametagVariant: (_screenPlaySegment$da3 = (_screenPlaySegment$da4 = screenPlaySegment.data) === null || _screenPlaySegment$da4 === void 0 ? void 0 : _screenPlaySegment$da4.handoffNametagVariant) !== null && _screenPlaySegment$da3 !== void 0 ? _screenPlaySegment$da3 : layout === null || layout === void 0 ? void 0 : (_layout$data2 = layout.data) === null || _layout$data2 === void 0 ? void 0 : _layout$data2.handoffNametagVariant,
102
+ useSquareInLandscapeFirstVideo: (_screenPlaySegment$da5 = (_screenPlaySegment$da6 = screenPlaySegment.data) === null || _screenPlaySegment$da6 === void 0 ? void 0 : _screenPlaySegment$da6.useSquareInLandscapeFirstVideo) !== null && _screenPlaySegment$da5 !== void 0 ? _screenPlaySegment$da5 : layout === null || layout === void 0 ? void 0 : (_layout$data3 = layout.data) === null || _layout$data3 === void 0 ? void 0 : _layout$data3.useSquareInLandscapeFirstVideo
103
+ } : {
104
+ useSquareInLandscape: (_screenPlaySegment$da7 = (_screenPlaySegment$da8 = screenPlaySegment.data) === null || _screenPlaySegment$da8 === void 0 ? void 0 : _screenPlaySegment$da8.useSquareInLandscape) !== null && _screenPlaySegment$da7 !== void 0 ? _screenPlaySegment$da7 : layout === null || layout === void 0 ? void 0 : (_layout$data4 = layout.data) === null || _layout$data4 === void 0 ? void 0 : _layout$data4.useSquareInLandscape
105
+ };
103
106
  var from = this.fps * (screenPlaySegment.data.offset - trimLeft) || 0;
104
107
  var durationInFrames = toFrames(this.fps * screenPlaySegment.data.duration);
105
108
  var to = from + durationInFrames;
106
109
  return _objectSpread(_objectSpread(_objectSpread({}, screenPlaySegment.data), inheritedProps), {}, {
107
110
  component: component,
108
- videoUrl: (_screenPlaySegment$da5 = screenPlaySegment.data.sourceVideo) === null || _screenPlaySegment$da5 === void 0 ? void 0 : _screenPlaySegment$da5.videoUrl,
109
- startVideoFrom: (_toFrames = toFrames(this.fps * ((_screenPlaySegment$da6 = screenPlaySegment.data.sourceVideo) === null || _screenPlaySegment$da6 === void 0 ? void 0 : _screenPlaySegment$da6.start), false, true)) !== null && _toFrames !== void 0 ? _toFrames : 0,
111
+ videoUrl: (_screenPlaySegment$da9 = screenPlaySegment.data.sourceVideo) === null || _screenPlaySegment$da9 === void 0 ? void 0 : _screenPlaySegment$da9.videoUrl,
112
+ startVideoFrom: (_toFrames = toFrames(this.fps * ((_screenPlaySegment$da10 = screenPlaySegment.data.sourceVideo) === null || _screenPlaySegment$da10 === void 0 ? void 0 : _screenPlaySegment$da10.start), false, true)) !== null && _toFrames !== void 0 ? _toFrames : 0,
110
113
  durationInFrames: durationInFrames,
111
114
  from: from,
112
115
  to: to,
113
- videoZoom: (_screenPlaySegment$da7 = screenPlaySegment.data.sourceVideo) === null || _screenPlaySegment$da7 === void 0 ? void 0 : _screenPlaySegment$da7.zoom,
116
+ videoZoom: (_screenPlaySegment$da11 = screenPlaySegment.data.sourceVideo) === null || _screenPlaySegment$da11 === void 0 ? void 0 : _screenPlaySegment$da11.zoom,
114
117
  offset: toFrames(this.fps * (screenPlaySegment.data.offset - trimLeft)) || 0,
115
118
  theme: screenPlaySegment.theme,
116
119
  themeSettings: screenPlaySegment === null || screenPlaySegment === void 0 ? void 0 : screenPlaySegment.themeSettings
@@ -119,20 +122,20 @@ export var RemotionRenderer = /*#__PURE__*/function () {
119
122
  }, {
120
123
  key: "toRemotionAudioFragment",
121
124
  value: function toRemotionAudioFragment(screenPlaySegment) {
122
- var _screenPlaySegment$da8, _toFrames2, _screenPlaySegment$da9, _screenPlaySegment$da10, _screenPlaySegment$da11, _screenPlaySegment$da12, _screenPlaySegment$da13, _screenPlaySegment$da14;
125
+ var _screenPlaySegment$da12, _toFrames2, _screenPlaySegment$da13, _screenPlaySegment$da14, _screenPlaySegment$da15, _screenPlaySegment$da16, _screenPlaySegment$da17, _screenPlaySegment$da18;
123
126
  var from = this.fps * screenPlaySegment.data.offset || 0;
124
127
  var durationInFrames = toFrames(this.fps * screenPlaySegment.data.duration) || undefined;
125
128
  var to = from + durationInFrames;
126
129
  return _objectSpread(_objectSpread({}, screenPlaySegment.data), {}, {
127
130
  component: toPascalCase(screenPlaySegment.type),
128
- src: (_screenPlaySegment$da8 = screenPlaySegment.data.sourceAudio) === null || _screenPlaySegment$da8 === void 0 ? void 0 : _screenPlaySegment$da8.url,
129
- startAudioFrom: (_toFrames2 = toFrames(this.fps * ((_screenPlaySegment$da9 = screenPlaySegment.data.sourceAudio) === null || _screenPlaySegment$da9 === void 0 ? void 0 : _screenPlaySegment$da9.start), false, true)) !== null && _toFrames2 !== void 0 ? _toFrames2 : 0,
131
+ src: (_screenPlaySegment$da12 = screenPlaySegment.data.sourceAudio) === null || _screenPlaySegment$da12 === void 0 ? void 0 : _screenPlaySegment$da12.url,
132
+ startAudioFrom: (_toFrames2 = toFrames(this.fps * ((_screenPlaySegment$da13 = screenPlaySegment.data.sourceAudio) === null || _screenPlaySegment$da13 === void 0 ? void 0 : _screenPlaySegment$da13.start), false, true)) !== null && _toFrames2 !== void 0 ? _toFrames2 : 0,
130
133
  durationInFrames: durationInFrames,
131
134
  from: from,
132
135
  to: to,
133
136
  offset: this.fps * screenPlaySegment.data.offset || 0,
134
- volume: (_screenPlaySegment$da10 = (_screenPlaySegment$da11 = screenPlaySegment.data) === null || _screenPlaySegment$da11 === void 0 ? void 0 : (_screenPlaySegment$da12 = _screenPlaySegment$da11.sourceAudio) === null || _screenPlaySegment$da12 === void 0 ? void 0 : _screenPlaySegment$da12.volume) !== null && _screenPlaySegment$da10 !== void 0 ? _screenPlaySegment$da10 : 1,
135
- loop: ((_screenPlaySegment$da13 = screenPlaySegment.data) === null || _screenPlaySegment$da13 === void 0 ? void 0 : (_screenPlaySegment$da14 = _screenPlaySegment$da13.sourceAudio) === null || _screenPlaySegment$da14 === void 0 ? void 0 : _screenPlaySegment$da14.loop) || false
137
+ volume: (_screenPlaySegment$da14 = (_screenPlaySegment$da15 = screenPlaySegment.data) === null || _screenPlaySegment$da15 === void 0 ? void 0 : (_screenPlaySegment$da16 = _screenPlaySegment$da15.sourceAudio) === null || _screenPlaySegment$da16 === void 0 ? void 0 : _screenPlaySegment$da16.volume) !== null && _screenPlaySegment$da14 !== void 0 ? _screenPlaySegment$da14 : 1,
138
+ loop: ((_screenPlaySegment$da17 = screenPlaySegment.data) === null || _screenPlaySegment$da17 === void 0 ? void 0 : (_screenPlaySegment$da18 = _screenPlaySegment$da17.sourceAudio) === null || _screenPlaySegment$da18 === void 0 ? void 0 : _screenPlaySegment$da18.loop) || false
136
139
  });
137
140
  }
138
141
  }, {
@@ -164,10 +167,10 @@ export var RemotionRenderer = /*#__PURE__*/function () {
164
167
  key: "toRemotionCaptionSegment",
165
168
  value: function toRemotionCaptionSegment(screenPlaySegment, screenplayLayout) {
166
169
  var _screenplayLayout$dat,
167
- _screenPlaySegment$da15,
170
+ _screenPlaySegment$da19,
168
171
  _this3 = this;
169
172
  var trimLeft = (screenplayLayout === null || screenplayLayout === void 0 ? void 0 : (_screenplayLayout$dat = screenplayLayout.data) === null || _screenplayLayout$dat === void 0 ? void 0 : _screenplayLayout$dat.trimLeft) || 0;
170
- var segmentOffset = Number(screenPlaySegment === null || screenPlaySegment === void 0 ? void 0 : (_screenPlaySegment$da15 = screenPlaySegment.data) === null || _screenPlaySegment$da15 === void 0 ? void 0 : _screenPlaySegment$da15.offset);
173
+ var segmentOffset = Number(screenPlaySegment === null || screenPlaySegment === void 0 ? void 0 : (_screenPlaySegment$da19 = screenPlaySegment.data) === null || _screenPlaySegment$da19 === void 0 ? void 0 : _screenPlaySegment$da19.offset);
171
174
  var from = Number.isFinite(segmentOffset) ? this.fps * (segmentOffset + trimLeft) : 0;
172
175
  var transcripts = screenPlaySegment.data.transcript_text;
173
176
  if (!transcripts) {