@zync/zync-screnplay-player 0.1.187

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

@@ -0,0 +1,23 @@
+var _excluded = ["component"];
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { RegisteredComponents } from "../registeredComponents.js";
+import { Sequence } from "remotion";
+import React from "react";
+export var EffectsVideoTrack = function EffectsVideoTrack(_ref) {
+  var track = _ref.track;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, track.map(function (_ref2, index) {
+    var component = _ref2.component,
+      otherProps = _objectWithoutProperties(_ref2, _excluded);
+    var ComponentToRender = RegisteredComponents[component];
+    if (!ComponentToRender) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Sequence, {
+      name: "Effect - " + component,
+      key: index,
+      from: otherProps.from,
+      durationInFrames: otherProps.durationInFrames
+    }, /*#__PURE__*/React.createElement(ComponentToRender, otherProps));
+  }));
+};

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

@@ -0,0 +1,141 @@
+var _excluded = ["component", "index"],
+  _excluded2 = ["component"],
+  _excluded3 = ["component"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { Easing, Sequence, Series, useVideoConfig } from "remotion";
+import React from "react";
+import { RegisteredComponents } from "../registeredComponents";
+import { linearTiming, TransitionSeries } from "@remotion/transitions";
+import { glitchOnePresentation } from "./transitions/GlitchOne";
+var motionBlurComponents = {
+  SentenceSimple: true,
+  Sentence: true
+};
+var motionBlurThemes = {
+  pushpull: true
+};
+var transitionThemes = {
+  none: {
+    presentation: glitchOnePresentation,
+    durationInFrames: 15
+  }
+};
+
+/*
+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) {
+  var component = _ref.component,
+    index = _ref.index,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var ComponentToRender = RegisteredComponents[component];
+  if (!ComponentToRender) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Sequence, {
+    from: otherProps.from,
+    durationInFrames: otherProps.durationInFrames,
+    name: "NestedEffect-".concat(component)
+  }, /*#__PURE__*/React.createElement(ComponentToRender, otherProps));
+};
+var StandardVideoTrack = function StandardVideoTrack(_ref2) {
+  var track = _ref2.track;
+  return /*#__PURE__*/React.createElement(Series, null, track.map(function (_ref3, index) {
+    var _ref3$layout = _ref3.layout,
+      component = _ref3$layout.component,
+      otherProps = _objectWithoutProperties(_ref3$layout, _excluded2),
+      _ref3$effects = _ref3.effects,
+      effects = _ref3$effects === void 0 ? [] : _ref3$effects;
+    var ComponentToRender = RegisteredComponents[component];
+    if (!ComponentToRender) {
+      return null;
+    }
+    return /*#__PURE__*/React.createElement(Series.Sequence, {
+      key: index,
+      name: "Layout - " + component,
+      durationInFrames: otherProps.durationInFrames,
+      premountFor: 100
+    }, /*#__PURE__*/React.createElement(ComponentToRender, otherProps, effects.map(function (effect, i) {
+      return /*#__PURE__*/React.createElement(NestedEffects, _extends({
+        key: i
+      }, effect, {
+        index: index
+      }));
+    })));
+  }));
+};
+var TransitionVideoTrack = function TransitionVideoTrack(_ref4) {
+  var track = _ref4.track,
+    transition = _ref4.transition;
+  return /*#__PURE__*/React.createElement(TransitionSeries, null, track.map(function (_ref5, index, array) {
+    var _ref5$layout = _ref5.layout,
+      component = _ref5$layout.component,
+      otherProps = _objectWithoutProperties(_ref5$layout, _excluded3),
+      _ref5$effects = _ref5.effects,
+      effects = _ref5$effects === void 0 ? [] : _ref5$effects;
+    var ComponentToRender = RegisteredComponents[component];
+    var isLast = index < array.length - 1;
+    if (!ComponentToRender) {
+      return null;
+    }
+    return [/*#__PURE__*/React.createElement(TransitionSeries.Sequence, {
+      key: index,
+      name: "Layout - " + component,
+      durationInFrames: otherProps.durationInFrames
+    }, /*#__PURE__*/React.createElement(ComponentToRender, otherProps, effects.map(function (effect, i) {
+      return /*#__PURE__*/React.createElement(NestedEffects, _extends({
+        key: i
+      }, effect));
+    }))), isLast ? /*#__PURE__*/React.createElement(TransitionSeries.Transition, {
+      timing: linearTiming({
+        durationInFrames: transition.durationInFrames,
+        easing: Easing.inOut(Easing.ease)
+      }),
+      presentation: transition.presentation(otherProps)
+    }) : null];
+  }));
+};
+export var LayoutVideoTrack = function LayoutVideoTrack(_ref6) {
+  var track = _ref6.track;
+  if (!track) {
+    return null;
+  }
+  var _useVideoConfig = useVideoConfig(),
+    _useVideoConfig$props = _useVideoConfig.props.output,
+    _useVideoConfig$props2 = _useVideoConfig$props === void 0 ? {
+      theme: window.screenplayProps.output.theme
+    } : _useVideoConfig$props,
+    _useVideoConfig$props3 = _useVideoConfig$props2.theme,
+    theme = _useVideoConfig$props3 === void 0 ? "default" : _useVideoConfig$props3;
+  var transition = transitionThemes[theme];
+  if (transition) {
+    return /*#__PURE__*/React.createElement(TransitionVideoTrack, {
+      track: track,
+      transition: transition
+    });
+  }
+  return /*#__PURE__*/React.createElement(StandardVideoTrack, {
+    track: track
+  });
+};

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

@@ -0,0 +1,16 @@
+import { Audio } from "remotion";
+import React from "react";
+export var Soundtrack = function Soundtrack() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    src = _ref.src,
+    volume = _ref.volume,
+    loop = _ref.loop;
+  if (!src) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Audio, {
+    src: src,
+    volume: volume,
+    loop: loop
+  });
+};

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

@@ -0,0 +1,23 @@
+import { AbsoluteFill, Img } from "remotion";
+import { CHROME_PADDING } from "../config.js";
+import React from "react";
+import PausableImg from "../components/utils/PausableImg";
+export var Watermark = function Watermark() {
+  var bottom = CHROME_PADDING;
+  var right = CHROME_PADDING;
+  return /*#__PURE__*/React.createElement(AbsoluteFill, null, /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: "absolute",
+      color: "white",
+      height: 90,
+      bottom: bottom,
+      right: right
+    }
+  }, /*#__PURE__*/React.createElement(PausableImg, {
+    delayRenderTimeoutInMilliseconds: 62000,
+    src: "https://storage.googleapis.com/zync-media/assets/static/watermark.png",
+    style: {
+      height: "100%"
+    }
+  })));
+};

package/dist/screenplay/RemotionRenderer/tracks/transitions/GlitchOne.js

@@ -0,0 +1,92 @@
+import { AbsoluteFill, useVideoConfig } from "remotion";
+import { SplitLayout } from "../../theme/themes/glitch/components/SplitSentence";
+import React from "react";
+import { useTheme } from "../../theme/hooks/useTheme.js";
+var GlitchOnePresentation = function GlitchOnePresentation(_ref) {
+  var children = _ref.children,
+    presentationDirection = _ref.presentationDirection,
+    presentationProgress = _ref.presentationProgress;
+  var _useVideoConfig = useVideoConfig(),
+    width = _useVideoConfig.width;
+  var isExiting = presentationProgress > 0 && presentationDirection === "exiting";
+  var isEntering = presentationProgress > 0 && presentationProgress < 1 && presentationDirection === "entering";
+  var calculatePartOffset = function calculatePartOffset(originalPosition) {
+    return isExiting ? presentationProgress * originalPosition : 0;
+  };
+  var calculateEnteringPartOffset = function calculateEnteringPartOffset(originalPosition) {
+    return isEntering ? (1 - presentationProgress) * originalPosition : 0;
+  };
+  var exitingComponentParts = [{
+    top: 0,
+    height: 15,
+    offsetX: calculatePartOffset(width - 100)
+  }, {
+    top: 15,
+    height: 25,
+    offsetX: calculatePartOffset(-width + 100)
+  }, {
+    top: 25,
+    height: 50,
+    offsetX: calculatePartOffset(width - 200)
+  }, {
+    top: 50,
+    height: 75,
+    offsetX: calculatePartOffset(-width + 200)
+  }, {
+    top: 75,
+    height: 80,
+    offsetX: calculatePartOffset(width - 100)
+  }, {
+    top: 80,
+    height: 100,
+    offsetX: calculatePartOffset(-width + 100)
+  }];
+  var enteringComponentParts = [{
+    top: 0,
+    height: 15,
+    offsetX: calculateEnteringPartOffset(-width)
+  }, {
+    top: 15,
+    height: 25,
+    offsetX: calculateEnteringPartOffset(width)
+  }, {
+    top: 25,
+    height: 50,
+    offsetX: calculateEnteringPartOffset(-width)
+  }, {
+    top: 50,
+    height: 75,
+    offsetX: calculateEnteringPartOffset(width)
+  }, {
+    top: 75,
+    height: 80,
+    offsetX: calculateEnteringPartOffset(-width)
+  }, {
+    top: 80,
+    height: 100,
+    offsetX: calculateEnteringPartOffset(width)
+  }];
+  var _useTheme = useTheme(),
+    primaryColor = _useTheme.primaryColor;
+  return /*#__PURE__*/React.createElement(AbsoluteFill, {
+    style: {
+      background: primaryColor
+    }
+  }, isExiting ? /*#__PURE__*/React.createElement(SplitLayout, {
+    style: {
+      zIndex: isExiting ? 9999 : undefined
+    },
+    parts: exitingComponentParts
+  }, children) : isEntering ? /*#__PURE__*/React.createElement(SplitLayout, {
+    style: {
+      zIndex: isEntering ? 9999 : undefined
+    },
+    parts: enteringComponentParts
+  }, children) : children);
+};
+export var glitchOnePresentation = function glitchOnePresentation(props) {
+  return {
+    component: GlitchOnePresentation,
+    props: props
+  };
+};

package/package.json

@@ -0,0 +1,45 @@
+{
+  "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
+  }
+}