@remotion/promo-pages 4.0.395 → 4.0.397

package/dist/Homepage.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.397", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -5337,16 +5337,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -21900,6 +21909,15 @@ var usePlayer = () => {
       play(e);
     }
   }, [imperativePlaying, pause, play]);
+  const isPlaying = useCallback28(() => {
+    return imperativePlaying.current;
+  }, [imperativePlaying]);
+  const getCurrentFrame = useCallback28(() => {
+    return frameRef.current;
+  }, [frameRef]);
+  const isBuffering = useCallback28(() => {
+    return buffering.current;
+  }, [buffering]);
   const returnValue = useMemo42(() => {
     return {
       frameBack,
@@ -21911,28 +21929,29 @@ var usePlayer = () => {
       pause,
       seek: seek2,
       isFirstFrame,
-      getCurrentFrame: () => frameRef.current,
-      isPlaying: () => imperativePlaying.current,
-      isBuffering: () => buffering.current,
+      getCurrentFrame,
+      isPlaying,
+      isBuffering,
       pauseAndReturnToPlayStart,
       hasPlayed,
       toggle
     };
   }, [
-    buffering,
     emitter,
     frameBack,
     frameForward,
     hasPlayed,
-    imperativePlaying,
     isFirstFrame,
     isLastFrame,
+    getCurrentFrame,
     pause,
     pauseAndReturnToPlayStart,
     play,
     playing,
     seek2,
-    toggle
+    toggle,
+    isPlaying,
+    isBuffering
   ]);
   return returnValue;
 };
@@ -22101,7 +22120,7 @@ var usePlayback = ({
 }) => {
   const config = Internals.useUnsafeVideoConfig();
   const frame = Internals.Timeline.useTimelinePosition();
-  const { playing, pause, emitter } = usePlayer();
+  const { playing, pause, emitter, isPlaying } = usePlayer();
   const setFrame = Internals.Timeline.useTimelineSetFrame();
   const isBackgroundedRef = useIsBackgrounded();
   const lastTimeUpdateEvent = useRef42(null);
@@ -22142,6 +22161,9 @@ var usePlayback = ({
       if (hasBeenStopped) {
         return;
       }
+      if (!isPlaying()) {
+        return;
+      }
       const time = performance.now() - startedTime;
       const actualLastFrame = outFrame ?? config.durationInFrames - 1;
       const actualFirstFrame = inFrame ?? 0;
@@ -22213,7 +22235,8 @@ var usePlayback = ({
     moveToBeginningWhenEnded,
     isBackgroundedRef,
     getCurrentFrame,
-    context
+    context,
+    isPlaying
   ]);
   useEffect52(() => {
     const interval = setInterval(() => {
@@ -26436,7 +26459,7 @@ var Cards = ({
 // src/components/homepage/Demo/Comp.tsx
 import { jsx as jsx75, jsxs as jsxs27 } from "react/jsx-runtime";
 var getDataAndProps = async () => {
-  const location = await fetch("https://bugs-git-homepage-player-remotion.vercel.app/api/location").then((res) => res.json());
+  const location = await fetch("https://bugs-five.vercel.app/api/location").then((res) => res.json());
   const trending = await fetch(`https://bugs.remotion.dev/trending?lat=${location.latitude}&lng=${location.longitude}&country=${location.country}`).then((res) => res.json()).then((data) => {
     return {
       repos: data.trending.repos.slice(0, 3),

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/Homepage.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.397", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -5337,16 +5337,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -21900,6 +21909,15 @@ var usePlayer = () => {
       play(e);
     }
   }, [imperativePlaying, pause, play]);
+  const isPlaying = useCallback28(() => {
+    return imperativePlaying.current;
+  }, [imperativePlaying]);
+  const getCurrentFrame = useCallback28(() => {
+    return frameRef.current;
+  }, [frameRef]);
+  const isBuffering = useCallback28(() => {
+    return buffering.current;
+  }, [buffering]);
   const returnValue = useMemo42(() => {
     return {
       frameBack,
@@ -21911,28 +21929,29 @@ var usePlayer = () => {
       pause,
       seek: seek2,
       isFirstFrame,
-      getCurrentFrame: () => frameRef.current,
-      isPlaying: () => imperativePlaying.current,
-      isBuffering: () => buffering.current,
+      getCurrentFrame,
+      isPlaying,
+      isBuffering,
       pauseAndReturnToPlayStart,
       hasPlayed,
       toggle
     };
   }, [
-    buffering,
     emitter,
     frameBack,
     frameForward,
     hasPlayed,
-    imperativePlaying,
     isFirstFrame,
     isLastFrame,
+    getCurrentFrame,
     pause,
     pauseAndReturnToPlayStart,
     play,
     playing,
     seek2,
-    toggle
+    toggle,
+    isPlaying,
+    isBuffering
   ]);
   return returnValue;
 };
@@ -22101,7 +22120,7 @@ var usePlayback = ({
 }) => {
   const config = Internals.useUnsafeVideoConfig();
   const frame = Internals.Timeline.useTimelinePosition();
-  const { playing, pause, emitter } = usePlayer();
+  const { playing, pause, emitter, isPlaying } = usePlayer();
   const setFrame = Internals.Timeline.useTimelineSetFrame();
   const isBackgroundedRef = useIsBackgrounded();
   const lastTimeUpdateEvent = useRef42(null);
@@ -22142,6 +22161,9 @@ var usePlayback = ({
       if (hasBeenStopped) {
         return;
       }
+      if (!isPlaying()) {
+        return;
+      }
       const time = performance.now() - startedTime;
       const actualLastFrame = outFrame ?? config.durationInFrames - 1;
       const actualFirstFrame = inFrame ?? 0;
@@ -22213,7 +22235,8 @@ var usePlayback = ({
     moveToBeginningWhenEnded,
     isBackgroundedRef,
     getCurrentFrame,
-    context
+    context,
+    isPlaying
   ]);
   useEffect52(() => {
     const interval = setInterval(() => {
@@ -26436,7 +26459,7 @@ var Cards = ({
 // src/components/homepage/Demo/Comp.tsx
 import { jsx as jsx75, jsxs as jsxs27 } from "react/jsx-runtime";
 var getDataAndProps = async () => {
-  const location = await fetch("https://bugs-git-homepage-player-remotion.vercel.app/api/location").then((res) => res.json());
+  const location = await fetch("https://bugs-five.vercel.app/api/location").then((res) => res.json());
   const trending = await fetch(`https://bugs.remotion.dev/trending?lat=${location.latitude}&lng=${location.longitude}&country=${location.country}`).then((res) => res.json()).then((data) => {
     return {
       repos: data.trending.repos.slice(0, 3),

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/design.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.397", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -5337,16 +5337,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/homepage/Pricing.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.397", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -5337,16 +5337,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/template-modal-content.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.397", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -5337,16 +5337,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `

package/dist/Users/jonathanburger/remotion/packages/promo-pages/dist/templates.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.397", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -5337,16 +5337,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `

package/dist/design.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.397", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -5337,16 +5337,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `

package/dist/homepage/Pricing.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.397", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -5337,16 +5337,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `

package/dist/template-modal-content.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.397", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -5337,16 +5337,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `

package/dist/templates.js

@@ -755,7 +755,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.395", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.397", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -5337,16 +5337,25 @@ Check that all your Remotion packages are on the same version. If your dependenc
   });
 }, exports_default_css, injected, injectCSS = (css) => {
   if (typeof document === "undefined") {
-    return;
+    return () => {};
   }
   if (injected[css]) {
-    return;
+    return () => {};
   }
   const head = document.head || document.getElementsByTagName("head")[0];
   const style = document.createElement("style");
   style.appendChild(document.createTextNode(css));
   head.prepend(style);
-  injected[css] = true;
+  injected[css] = style;
+  return () => {
+    const styleElement = injected[css];
+    if (styleElement) {
+      if (styleElement.parentNode) {
+        styleElement.parentNode.removeChild(styleElement);
+      }
+      delete injected[css];
+    }
+  };
 }, OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain", makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@remotion/promo-pages",
-	"version": "4.0.395",
+	"version": "4.0.397",
 	"publishConfig": {
 		"access": "public"
 	},
@@ -11,23 +11,23 @@
 	},
 	"type": "module",
 	"dependencies": {
-		"@remotion/animated-emoji": "4.0.395",
-		"@remotion/design": "4.0.395",
-		"@remotion/lambda": "4.0.395",
-		"@remotion/lottie": "4.0.395",
-		"@remotion/paths": "4.0.395",
-		"@remotion/player": "4.0.395",
-		"@remotion/shapes": "4.0.395",
-		"@remotion/svg-3d-engine": "4.0.395",
-		"create-video": "4.0.395",
+		"@remotion/animated-emoji": "4.0.397",
+		"@remotion/design": "4.0.397",
+		"@remotion/lambda": "4.0.397",
+		"@remotion/lottie": "4.0.397",
+		"@remotion/paths": "4.0.397",
+		"@remotion/player": "4.0.397",
+		"@remotion/shapes": "4.0.397",
+		"@remotion/svg-3d-engine": "4.0.397",
+		"create-video": "4.0.397",
 		"hls.js": "1.5.19",
 		"polished": "4.3.1",
-		"remotion": "4.0.395",
+		"remotion": "4.0.397",
 		"zod": "3.22.3",
 		"bun-plugin-tailwind": "0.1.2"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.395",
+		"@remotion/eslint-config-internal": "4.0.397",
 		"@eslint/eslintrc": "3.1.0",
 		"@types/react": "19.2.7",
 		"@types/react-dom": "19.2.3",