@zync/zync-screnplay-player 0.1.245 → 0.1.247

package/dist/screenplay/RemotionRenderer/theme/themes/pushpull/PushPullTitle.js

@@ -5,7 +5,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React from "react";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { AbsoluteFill, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { useTheme } from "../../hooks/useTheme.js";
@@ -13,8 +13,7 @@ import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.
 import { hexToRgbHtml } from "../../../helpers/hexToRgb.js";
 import { HangFromTop, PushUpAndSlide, RotateGrow, SlideAndPushByGrow } from "./designs/title";
 import { CameraMotionBlur } from "@remotion/motion-blur";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var effects = [PushUpAndSlide, SlideAndPushByGrow, RotateGrow, HangFromTop, PushUpAndSlide, SlideAndPushByGrow, RotateGrow, HangFromTop, PushUpAndSlide, SlideAndPushByGrow, RotateGrow, HangFromTop];
 var effectsTimings = [[0, 0.25, 0.75, 0.9], [0.7, 0.9, 1.25, 1.5], [1.25, 1.5], [2, 4.5], [2.5, 2.75, 3.25, 3.4], [3.2, 3.4, 3.75, 4.0], [3.75, 4.0], [4.0, 7.0], [5, 5.25, 5.75, 5.9], [5.7, 5.9, 6.35, 6.6], [6.25, 6.5], [6.0, 8.5]];
 export var PushPullTitleEffect = function PushPullTitleEffect(_ref) {

package/dist/screenplay/RemotionRenderer/theme/themes/rightslide/Nametag.js

@@ -1,14 +1,10 @@
 import React from "react";
 import { Easing, interpolate, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { getContrastColor } from "../../../helpers/getContrastColor";
-var _loadFont = loadFont("normal", {
-    subsets: ["latin"],
-    weights: ["400", "500", "600"]
-  }),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var clamp = function clamp(value, min, max) {
   return Math.max(min, Math.min(max, value));
 };

package/dist/screenplay/RemotionRenderer/theme/themes/sports/Nametag.js

@@ -1,14 +1,13 @@
 import React from "react";
 import { AbsoluteFill, Easing } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { LottieAnimation } from "../../../components/effects/LottieAnimation";
 import { convertToSeconds } from "../../../helpers/convertToSeconds.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { getContrastColor } from "../../../helpers/getContrastColor";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 export var SportsNametag = function SportsNametag(_ref) {
   var name = _ref.name,
     title = _ref.title,

package/dist/screenplay/RemotionRenderer/theme/themes/sports/SportsCaption.js

@@ -1,10 +1,9 @@
 import React from "react";
 import { AbsoluteFill, Easing, interpolate, Sequence, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var FlyInOutText = function FlyInOutText(_ref) {
   var transcript = _ref.transcript,
     width = _ref.width,

package/dist/screenplay/RemotionRenderer/theme/themes/sports/SportsSentence.js

@@ -4,9 +4,8 @@ import { CHROME_PADDING } from "../../../config.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { AnimatedLine } from "./shared";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
-import { loadFont } from "@remotion/google-fonts/Kanit";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
+var fontFamily = FONT_FAMILIES.KANIT;
 export var SportsSentence = function SportsSentence(_ref) {
   var sentence = _ref.sentence;
   var maxWidth = 800;

package/dist/screenplay/RemotionRenderer/theme/themes/sports/Title.js

@@ -1,13 +1,12 @@
 import React from "react";
 import { AbsoluteFill, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { DEFAULT_TIME_INTERPOLATE_OPTIONS, useTimeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { convertToSeconds } from "../../../helpers/convertToSeconds.js";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
 import { AnimatedLine } from "./shared";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 export var SportsTitle = function SportsTitle(_ref) {
   var text = _ref.text;
   var _useOrientationBased = useOrientationBased({

package/dist/screenplay/RemotionRenderer/theme/themes/sportsbounce/Nametag.js

@@ -1,11 +1,10 @@
 import React from "react";
 import { AbsoluteFill, interpolate, spring, useCurrentFrame, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Montserrat";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { getContrastColor } from "../../../helpers/getContrastColor";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.MONTSERRAT;
 var IndividualLine = function IndividualLine(_ref) {
   var text = _ref.text,
     translateY = _ref.translateY,

package/dist/screenplay/RemotionRenderer/theme/themes/sportsbounce/SportsBounceSentence.js

@@ -1,14 +1,13 @@
 import React from "react";
 import { AbsoluteFill, spring, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Montserrat";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { timeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 
 // Load custom font
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.MONTSERRAT;
 var IndividualLine = function IndividualLine(_ref) {
   var text = _ref.text,
     translateY = _ref.translateY,

package/dist/screenplay/RemotionRenderer/theme/themes/sportsbounce/Title.js

@@ -1,13 +1,12 @@
 import React from "react";
 import { AbsoluteFill, Easing, spring, useCurrentFrame, useVideoConfig } from "remotion";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { timeInterpolate } from "../../../hooks/useTimeInterpolate.js";
 import { CameraMotionBlur } from "@remotion/motion-blur";
 import { distributeTextToFit } from "../default/Sentence/SentenceSimple.helpers.js";
 import { useTheme } from "../../hooks/useTheme.js";
-var _loadFont = loadFont(),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var NoBlurSportsBounceTitle = function NoBlurSportsBounceTitle(_ref) {
   var text = _ref.text;
   var _useOrientationBased = useOrientationBased({

package/dist/screenplay/RemotionRenderer/theme/themes/stackfill/Nametag.js

@@ -1,14 +1,10 @@
 import React from "react";
 import { Easing, interpolate, useCurrentFrame, useVideoConfig } from "remotion";
-import { loadFont } from "@remotion/google-fonts/Kanit";
+import { FONT_FAMILIES } from "../../../fontRegistry.js";
 import { useOrientationBased } from "../../../hooks/useOrientationBased.js";
 import { useTheme } from "../../hooks/useTheme.js";
 import { getContrastColor } from "../../../helpers/getContrastColor";
-var _loadFont = loadFont("normal", {
-    subsets: ["latin"],
-    weights: ["400", "500", "600"]
-  }),
-  fontFamily = _loadFont.fontFamily;
+var fontFamily = FONT_FAMILIES.KANIT;
 var clamp = function clamp(value, min, max) {
   return Math.max(min, Math.min(max, value));
 };

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

@@ -8,6 +8,7 @@ import { EffectsVideoTrack } from "./EffectsVideoTrack";
 import { CaptionsVideoTrack } from "./CaptionsVideoTrack";
 import { AudioTrack } from "./AudioTrack";
 import { SafeZones } from "../components/utils/SafeZones";
+import { loadFontsForTimeline } from "../fontRegistry.js";
 var isSafeZoneDisplayed = false;
 var DISABLED_BUFFER_MANAGER = {
   addBlock: function addBlock() {
@@ -74,6 +75,7 @@ var DynamicVideoCompositionComponent = function DynamicVideoCompositionComponent
 };
 export var DynamicVideoComposition = function DynamicVideoComposition(props) {
   if (props) {
+    loadFontsForTimeline(props);
     window.screenplayProps = props;
   }
   return /*#__PURE__*/React.createElement(DynamicVideoCompositionComponent, props);

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

@@ -62,26 +62,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 isTruthy = function isTruthy(value) {

package/package.json

@@ -1,49 +1,49 @@
-{
-  "name": "@zync/zync-screnplay-player",
-  "version": "0.1.245",
-  "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.441",
-    "@remotion/lottie": "4.0.441",
-    "@remotion/motion-blur": "4.0.441",
-    "@remotion/player": "4.0.441",
-    "@remotion/transitions": "4.0.441",
-    "remotion": "4.0.441"
-  },
-  "peerDependencies": {
-    "react": ">=16.14.0 <20.0.0",
-    "react-dom": ">=16.14.0 <20.0.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",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "rimraf": "^5.0.7",
-    "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.247",
+  "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.441",
+    "@remotion/lottie": "4.0.441",
+    "@remotion/motion-blur": "4.0.441",
+    "@remotion/player": "4.0.441",
+    "@remotion/transitions": "4.0.441",
+    "remotion": "4.0.441"
+  },
+  "peerDependencies": {
+    "react": ">=16.14.0 <20.0.0",
+    "react-dom": ">=16.14.0 <20.0.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",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "rimraf": "^5.0.7",
+    "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
+  }
+}