@zync/zync-screnplay-player 0.1.187 → 0.1.188

package/dist/screenplay/RemotionRenderer/main/lib/layouts/HandoffLayout.js

@@ -27,7 +27,7 @@ export var HandoffLayout = /*#__PURE__*/function (_Layout) {
   return _createClass(HandoffLayout, [{
     key: "getVideoProps",
     value: function getVideoProps(props) {
-      var _props$data$sourceVid, _props$data, _props$data2, _props$data3, _props$data4, _props$data5, _props$data6, _props$data6$firstNoB, _props$data7, _props$data7$firstNoB, _props$data8, _props$data9, _props$data10, _props$data11, _props$data11$secondN, _props$data12, _props$data12$secondN, _props$data$sourceVid2, _props$data$sourceVid3;
+      var _props$data$sourceVid, _props$data, _props$data2, _props$data3, _props$data4, _props$data5, _props$data6, _props$data6$firstNoB, _props$data7, _props$data7$firstNoB, _props$data8, _props$data9, _props$data10, _props$data11, _props$data11$secondN, _props$data12, _props$data12$secondN, _props$data$sourceVid2, _props$data$sourceVid3, _props$data13;
       var sourceVideoOrientation = getVideoOrientation((_props$data$sourceVid = props.data.sourceVideo) === null || _props$data$sourceVid === void 0 ? void 0 : _props$data$sourceVid.aspectRatio);
       this.props = {
         startFirstVideoFrom: toFrames(this.fps * (((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.startFirstVideoFrom) + (((_props$data2 = props.data) === null || _props$data2 === void 0 ? void 0 : _props$data2.trimLeft) || 0)), true) || 0,
@@ -43,7 +43,8 @@ export var HandoffLayout = /*#__PURE__*/function (_Layout) {
         videoUrl: (_props$data$sourceVid2 = props.data.sourceVideo) === null || _props$data$sourceVid2 === void 0 ? void 0 : _props$data$sourceVid2.videoUrl,
         sourceVideoOrientation: sourceVideoOrientation,
         videoZoom: ((_props$data$sourceVid3 = props.data.sourceVideo) === null || _props$data$sourceVid3 === void 0 ? void 0 : _props$data$sourceVid3.zoom) || 1,
-        text: props.data.text
+        text: props.data.text,
+        handoffOverlapSeconds: ((_props$data13 = props.data) === null || _props$data13 === void 0 ? void 0 : _props$data13.handoffOverlapSeconds) || 1
       };
     }
   }]);

package/dist/screenplay/RemotionRenderer/main/screenplaySchema.js

@@ -29,58 +29,58 @@ export var screenplaySchema = z.object({
   }), z.object({
     type: "segmentx"
   })])),
-  /* z.object({
-      type: "segment",
-      segments: z.array(
-        z.object({
-          layout: z.any(),
-          effects: z.array(effectSchema),
-        })
-      ),
+  /* z.object({
+      type: "segment",
+      segments: z.array(
+        z.object({
+          layout: z.any(),
+          effects: z.array(effectSchema),
+        })
+      ),
     })*/
-  /*z.object({
-        type: "effect",
-        segments: z.array(effectSchema),
-      }),
-      z.object({
-        type: z.enum(segmentTypes),
-        segments: z.array([
-          {
-            type: "caption",
-            segments: z.array(
-              z.object({
-                type: "caption_simple",
-                data: {
-                  transcript_text: z.array(
-                    z.object({
-                      text: z.string(),
-                      offset: z.number(),
-                      duration: z.number(),
-                    })
-                  ),
-                  duration: z.number().optional(),
-                  offset: z.number().optional(),
-                },
-              })
-            ),
-          },
-        ]),
-      }),
-      z.object({
-        type: "audio",
-        segments: z.array([
-          z.object({
-            type: z.string(),
-            data: {
-              sourceAudio: {
-                url: z.string().url(),
-                volume: z.number().min(0).max(1),
-                start: z.number(),
-              },
-              offset: z.number(),
-            },
-          }),
-        ]),
+  /*z.object({
+        type: "effect",
+        segments: z.array(effectSchema),
+      }),
+      z.object({
+        type: z.enum(segmentTypes),
+        segments: z.array([
+          {
+            type: "caption",
+            segments: z.array(
+              z.object({
+                type: "caption_simple",
+                data: {
+                  transcript_text: z.array(
+                    z.object({
+                      text: z.string(),
+                      offset: z.number(),
+                      duration: z.number(),
+                    })
+                  ),
+                  duration: z.number().optional(),
+                  offset: z.number().optional(),
+                },
+              })
+            ),
+          },
+        ]),
+      }),
+      z.object({
+        type: "audio",
+        segments: z.array([
+          z.object({
+            type: z.string(),
+            data: {
+              sourceAudio: {
+                url: z.string().url(),
+                volume: z.number().min(0).max(1),
+                start: z.number(),
+              },
+              offset: z.number(),
+            },
+          }),
+        ]),
       }),*/
   output: z.object({
     orientation: z["enum"](orientations),

package/dist/screenplay/RemotionRenderer/registeredComponents.js

@@ -38,8 +38,8 @@ import { DynamicTriangle } from "./components/layouts/DynamicTriangle";
 import { KeywordStudioBackdrop } from "./components/layouts/KeywordStudioBackdrop";
 import { MotionStillGreenScreenV2 } from "./components/layouts/MotionStillGreenScreenV2";
 
-/** Update this so that Remotion knows which component to render when it is passed via screenplay. Ex. "title" will have rendered "Title" component
- *  Here we are mapping directly types and component names. Types are snake_case and components PascalCase.
+/** Update this so that Remotion knows which component to render when it is passed via screenplay. Ex. "title" will have rendered "Title" component
+ *  Here we are mapping directly types and component names. Types are snake_case and components PascalCase.
  * */
 export var RegisteredComponents = {
   // Layouts

package/dist/screenplay/RemotionRenderer/theme/themes/default/HandoffNametag.js

@@ -110,15 +110,16 @@ export var HandoffNametag = function HandoffNametag(_ref) {
       textTransform: "uppercase",
       flexDirection: "column"
     }
-  }, fullNameLines.map(function (line) {
+  }, fullNameLines.map(function (line, lineIndex) {
     var index = 0;
     return /*#__PURE__*/React.createElement("div", {
       style: {
         display: "flex",
         gap: "10px",
         justifyContent: lineJustifyContent[alignment]
-      }
-    }, line.split(" ").map(function (word) {
+      },
+      key: "fullname-line-".concat(lineIndex)
+    }, line.split(" ").map(function (word, wordIndex) {
       var delay = Math.min(index * fullNameDelayBetweenWords, maxTimeInFrames);
       index++;
       var opacity = interpolate(frame - delay, [0, 15], [0, 1], {
@@ -133,7 +134,8 @@ export var HandoffNametag = function HandoffNametag(_ref) {
         style: {
           opacity: opacity,
           transform: "translateY(".concat(translateY, "px)")
-        }
+        },
+        key: "fullname-word-".concat(lineIndex, "-").concat(wordIndex)
       }, word);
     }));
   })), splitTitle && /*#__PURE__*/React.createElement("div", {
@@ -144,15 +146,16 @@ export var HandoffNametag = function HandoffNametag(_ref) {
       display: "flex",
       flexDirection: "column"
     }
-  }, titleLines.map(function (line) {
+  }, titleLines.map(function (line, lineIndex) {
     var index = 0;
     return /*#__PURE__*/React.createElement("div", {
       style: {
         display: "flex",
         gap: "10px",
         justifyContent: lineJustifyContent[alignment]
-      }
-    }, line.split(" ").map(function (word) {
+      },
+      key: "title-line-".concat(lineIndex)
+    }, line.split(" ").map(function (word, wordIndex) {
       var delay = Math.min(index * titleDelayBetweenWords, maxTimeInFrames);
       var opacity = interpolate(frame - delay, [0, 15], [0, 1], {
         easing: Easing["in"](Easing.ease),
@@ -166,7 +169,8 @@ export var HandoffNametag = function HandoffNametag(_ref) {
         style: {
           opacity: opacity,
           transform: "translateY(".concat(translateY, "px)")
-        }
+        },
+        key: "title-word-".concat(lineIndex, "-").concat(wordIndex)
       }, word);
     }));
   }))));

package/dist/screenplay/RemotionRenderer/tracks/LayoutVideoTrack.js

@@ -23,26 +23,26 @@ var transitionThemes = {
   }
 };
 
-/*
-const UseMotionBlur = ({ children, componentName }) => {
-  const {
-    props: {
-      output: { theme = "default" } = {
-        theme: window.screenplayProps.output.theme,
-      },
-    },
-  } = useVideoConfig();
-
-  if (motionBlurComponents[componentName] && motionBlurThemes[theme]) {
-    return (
-      <CameraMotionBlur shutterAngle={180} samples={5}>
-        {children}
-      </CameraMotionBlur>
-    );
-  }
-
-  return children;
-};
+/*
+const UseMotionBlur = ({ children, componentName }) => {
+  const {
+    props: {
+      output: { theme = "default" } = {
+        theme: window.screenplayProps.output.theme,
+      },
+    },
+  } = useVideoConfig();
+
+  if (motionBlurComponents[componentName] && motionBlurThemes[theme]) {
+    return (
+      <CameraMotionBlur shutterAngle={180} samples={5}>
+        {children}
+      </CameraMotionBlur>
+    );
+  }
+
+  return children;
+};
  */
 
 var NestedEffects = function NestedEffects(_ref) {

package/package.json

@@ -1,45 +1,47 @@
-{
-  "name": "@zync/zync-screnplay-player",
-  "version": "0.1.187",
-  "files": [
-    "dist"
-  ],
-  "main": "dist/bundle.js",
-  "module": "dist/index.js",
-  "exports": {
-    "import": "./dist/index.js",
-    "require": "./dist/bundle.js"
-  },
-  "scripts": {
-    "build": "rm -rf dist && babel src --out-dir dist --extensions \".ts,.tsx,.js,.jsx\" --copy-files && webpack",
-    "publish-lib": "npm run build && npm publish --access public"
-  },
-  "dependencies": {
-    "@remotion/google-fonts": "4.0.208",
-    "@remotion/lottie": "4.0.208",
-    "@remotion/motion-blur": "4.0.208",
-    "@remotion/player": "4.0.208",
-    "@remotion/transitions": "4.0.208",
-    "remotion": "4.0.208"
-  },
-  "peerDependencies": {
-    "react": "16.14.0",
-    "react-dom": "16.14.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "7.21.5",
-    "@babel/core": "7.21.5",
-    "@babel/preset-env": "7.21.5",
-    "@babel/preset-react": "7.18.6",
-    "@babel/preset-typescript": "^7.26.0",
-    "babel-loader": "^9.2.1",
-    "terser-webpack-plugin": "^5.3.11",
-    "ts-loader": "^9.5.2",
-    "typescript": "^5.7.3",
-    "webpack": "^5.97.1",
-    "webpack-cli": "^6.0.1"
-  },
-  "browser": {
-    "fs": false
-  }
-}
+{
+  "name": "@zync/zync-screnplay-player",
+  "version": "0.1.188",
+  "files": [
+    "dist"
+  ],
+  "main": "dist/bundle.js",
+  "module": "dist/index.js",
+  "exports": {
+    "import": "./dist/index.js",
+    "require": "./dist/bundle.js"
+  },
+  "scripts": {
+    "clean": "rimraf dist",
+    "build": "npm run clean && babel src --out-dir dist --extensions \".ts,.tsx,.js,.jsx\" --copy-files && webpack",
+    "publish-lib": "npm run build && npm publish --access public"
+  },
+  "dependencies": {
+    "@remotion/google-fonts": "4.0.208",
+    "@remotion/lottie": "4.0.208",
+    "@remotion/motion-blur": "4.0.208",
+    "@remotion/player": "4.0.208",
+    "@remotion/transitions": "4.0.208",
+    "remotion": "4.0.208"
+  },
+  "peerDependencies": {
+    "react": "16.14.0",
+    "react-dom": "16.14.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "7.21.5",
+    "@babel/core": "7.21.5",
+    "@babel/preset-env": "7.21.5",
+    "@babel/preset-react": "7.18.6",
+    "@babel/preset-typescript": "^7.26.0",
+    "babel-loader": "^9.2.1",
+    "terser-webpack-plugin": "^5.3.11",
+    "ts-loader": "^9.5.2",
+    "typescript": "^5.7.3",
+    "webpack": "^5.97.1",
+    "webpack-cli": "^6.0.1",
+    "rimraf": "^5.0.7"
+  },
+  "browser": {
+    "fs": false
+  }
+}