@remotion/promo-pages 4.0.310 → 4.0.312

package/.turbo/turbo-make.log

@@ -1,8 +1,8 @@
 
 
-> @remotion/promo-pages@4.0.310 make /Users/jonathanburger/remotion/packages/promo-pages
+> @remotion/promo-pages@4.0.312 make /Users/jonathanburger/remotion/packages/promo-pages
 > bun --env-file=../.env.bundle bundle.ts
 
 ≈ tailwindcss v4.1.1
 
-Done in 33ms
+Done in 32ms

package/dist/Homepage.js

@@ -1716,20 +1716,6 @@ var CompanyPricing = () => {
         text: "Prioritized Support",
         checked: true
       }),
-      /* @__PURE__ */ jsx4(PricingBulletPoint, {
-        text: /* @__PURE__ */ jsxs4("span", {
-          children: [
-            /* @__PURE__ */ jsx4("a", {
-              href: "https://remotion.dev/recorder",
-              className: "underline underline-offset-4 text-inherit",
-              children: "Remotion Recorder"
-            }),
-            " ",
-            "included"
-          ]
-        }),
-        checked: true
-      }),
       /* @__PURE__ */ jsx4(PricingBulletPoint, {
         text: "$250 Mux credits",
         checked: true,
@@ -5236,7 +5222,7 @@ var useIsPlayer = () => {
 function truthy(value) {
   return Boolean(value);
 }
-var VERSION = "4.0.310";
+var VERSION = "4.0.312";
 var checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
@@ -7711,7 +7697,8 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
       });
     });
   }, [refs]);
-  const registerAudio = useCallback6((aud, audioId) => {
+  const registerAudio = useCallback6((options) => {
+    const { aud, audioId, premounting } = options;
     const found = audios.current?.find((a) => a.audioId === audioId);
     if (found) {
       return found;
@@ -7729,7 +7716,8 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
       id,
       el: ref,
       audioId,
-      mediaElementSourceNode
+      mediaElementSourceNode,
+      premounting
     };
     audios.current?.push(newElem);
     rerenderAudios();
@@ -7749,12 +7737,13 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
   const updateAudio = useCallback6(({
     aud,
     audioId,
-    id
+    id,
+    premounting
   }) => {
     let changed = false;
     audios.current = audios.current?.map((prevA) => {
       if (prevA.id === id) {
-        const isTheSame = compareProps(aud, prevA.props);
+        const isTheSame = compareProps(aud, prevA.props) && prevA.premounting === premounting;
         if (isTheSame) {
           return prevA;
         }
@@ -7762,6 +7751,7 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
         return {
           ...prevA,
           props: aud,
+          premounting,
           audioId
         };
       }
@@ -7774,6 +7764,10 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
   const mountTime = useMountTime();
   const playAllAudios = useCallback6(() => {
     refs.forEach((ref) => {
+      const audio = audios.current.find((a) => a.el === ref.ref);
+      if (audio?.premounting) {
+        return;
+      }
       playAndHandleNotAllowedError({
         mediaRef: ref.ref,
         mediaType: "audio",
@@ -7826,11 +7820,15 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component, audi
     ]
   });
 };
-var useSharedAudio = (aud, audioId) => {
+var useSharedAudio = ({
+  aud,
+  audioId,
+  premounting
+}) => {
   const ctx = useContext14(SharedAudioContext);
   const [elem] = useState9(() => {
     if (ctx && ctx.numberOfAudioTags > 0) {
-      return ctx.registerAudio(aud, audioId);
+      return ctx.registerAudio({ aud, audioId, premounting });
     }
     const el = React13.createRef();
     const mediaElementSourceNode = ctx?.audioContext ? makeSharedElementSourceNode({
@@ -7842,16 +7840,17 @@ var useSharedAudio = (aud, audioId) => {
       id: Math.random(),
       props: aud,
       audioId,
-      mediaElementSourceNode
+      mediaElementSourceNode,
+      premounting
     };
   });
   const effectToUse = React13.useInsertionEffect ?? React13.useLayoutEffect;
   if (typeof document !== "undefined") {
     effectToUse(() => {
       if (ctx && ctx.numberOfAudioTags > 0) {
-        ctx.updateAudio({ id: elem.id, aud, audioId });
+        ctx.updateAudio({ id: elem.id, aud, audioId, premounting });
       }
-    }, [aud, ctx, elem.id, audioId]);
+    }, [aud, ctx, elem.id, audioId, premounting]);
     effectToUse(() => {
       return () => {
         if (ctx && ctx.numberOfAudioTags > 0) {
@@ -9155,7 +9154,11 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
   if (!context) {
     throw new Error("SharedAudioContext not found");
   }
-  const { el: audioRef, mediaElementSourceNode } = useSharedAudio(propsToPass, id);
+  const { el: audioRef, mediaElementSourceNode } = useSharedAudio({
+    aud: propsToPass,
+    audioId: id,
+    premounting: Boolean(sequenceContext?.premounting)
+  });
   useMediaInTimeline({
     volume,
     mediaVolume,
@@ -19963,7 +19966,7 @@ var videoApps = [
   {
     title: "Remotion Recorder",
     description: "The Remotion Recorder is a video production tool built entirely in JavaScript. Create high-quality videos that feel native on each platform while only editing them once.",
-    link: "https://www.remotion.pro/recorder",
+    link: "https://www.remotion.dev/recorder",
     videoWidth: 1080,
     videoHeight: 1080,
     muxId: "pHlwqDZFUH00Aubo9M001ty3gZ6YW8z689XTd9R479ayE",

package/dist/homepage/Pricing.js

@@ -1716,20 +1716,6 @@ var CompanyPricing = () => {
         text: "Prioritized Support",
         checked: true
       }),
-      /* @__PURE__ */ jsx4(PricingBulletPoint, {
-        text: /* @__PURE__ */ jsxs4("span", {
-          children: [
-            /* @__PURE__ */ jsx4("a", {
-              href: "https://remotion.dev/recorder",
-              className: "underline underline-offset-4 text-inherit",
-              children: "Remotion Recorder"
-            }),
-            " ",
-            "included"
-          ]
-        }),
-        checked: true
-      }),
       /* @__PURE__ */ jsx4(PricingBulletPoint, {
         text: "$250 Mux credits",
         checked: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/promo-pages",
-  "version": "4.0.310",
+  "version": "4.0.312",
   "publishConfig": {
     "access": "public"
   },
@@ -10,14 +10,14 @@
     "polished": "4.3.1",
     "zod": "3.22.3",
     "bun-plugin-tailwind": "0.0.15",
-    "@remotion/lottie": "4.0.310",
-    "@remotion/lambda": "4.0.310",
-    "@remotion/player": "4.0.310",
-    "@remotion/animated-emoji": "4.0.310",
-    "@remotion/paths": "4.0.310",
-    "@remotion/shapes": "4.0.310",
-    "remotion": "4.0.310",
-    "create-video": "4.0.310"
+    "@remotion/animated-emoji": "4.0.312",
+    "@remotion/paths": "4.0.312",
+    "@remotion/lambda": "4.0.312",
+    "@remotion/lottie": "4.0.312",
+    "@remotion/shapes": "4.0.312",
+    "create-video": "4.0.312",
+    "@remotion/player": "4.0.312",
+    "remotion": "4.0.312"
   },
   "devDependencies": {
     "@eslint/eslintrc": "3.1.0",
@@ -34,7 +34,7 @@
     "tailwind-merge": "2.5.2",
     "bun-plugin-tailwind": "0.0.13",
     "clsx": "2.1.1",
-    "@remotion/eslint-config-internal": "4.0.310"
+    "@remotion/eslint-config-internal": "4.0.312"
   },
   "repository": {
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/promo-pages"

package/src/components/homepage/FreePricing.tsx

@@ -185,20 +185,6 @@ export const CompanyPricing: React.FC = () => {
 			<PricingBulletPoint text="Commercial use allowed" checked />
 			<PricingBulletPoint text="Self-hosted cloud rendering allowed" checked />
 			<PricingBulletPoint text="Prioritized Support" checked />
-			<PricingBulletPoint
-				text={
-					<span>
-						<a
-							href="https://remotion.dev/recorder"
-							className="underline underline-offset-4 text-inherit"
-						>
-							Remotion Recorder
-						</a>{' '}
-						included
-					</span>
-				}
-				checked
-			/>
 			<PricingBulletPoint text="$250 Mux credits" checked>
 				<InfoTooltip text="Credits for Mux.com. Applies only to new Mux customers." />
 			</PricingBulletPoint>

package/src/components/homepage/VideoAppsShowcase.tsx

@@ -37,8 +37,7 @@ const videoApps = [
 		title: 'Remotion Recorder',
 		description:
 			'The Remotion Recorder is a video production tool built entirely in JavaScript. Create high-quality videos that feel native on each platform while only editing them once.',
-
-		link: 'https://www.remotion.pro/recorder',
+		link: 'https://www.remotion.dev/recorder',
 		videoWidth: 1080,
 		videoHeight: 1080,
 		muxId: 'pHlwqDZFUH00Aubo9M001ty3gZ6YW8z689XTd9R479ayE',
@@ -173,7 +172,11 @@ const VideoAppsShowcase: React.FC = () => {
 	return (
 		<div ref={containerRef}>
 			<SectionTitle>Use Cases</SectionTitle>
-			<div className={'grid justify-center grid-flow-col grid-rows-1 gap-2.5 justify-self-center mb-4 w-[90vw] md:w-auto'}>
+			<div
+				className={
+					'grid justify-center grid-flow-col grid-rows-1 gap-2.5 justify-self-center mb-4 w-[90vw] md:w-auto'
+				}
+			>
 				{tabs.map((tab, index) => (
 					<button
 						key={tab}