@remotion/promo-pages 4.0.259 → 4.0.261

package/.turbo/turbo-make.log

@@ -1,8 +1,8 @@
 
 
-> @remotion/promo-pages@4.0.258 make /Users/jonathanburger/remotion/packages/promo-pages
+> @remotion/promo-pages@4.0.261 make /Users/jonathanburger/remotion/packages/promo-pages
 > bun --env-file=../.env.bundle bundle.ts
 
 ≈ tailwindcss v4.0.0
 
-Done in 53ms
+Done in 37ms

package/bundle.ts

@@ -28,7 +28,15 @@ const result = await Bun.build({
 		'./src/components/homepage/Pricing.tsx',
 	],
 	format: 'esm',
-	external: ['react', 'react-dom', 'lottie-web', 'hls.js', 'plyr', 'zod'],
+	external: [
+		'react',
+		'react/jsx-runtime',
+		'react-dom',
+		'lottie-web',
+		'hls.js',
+		'plyr',
+		'zod',
+	],
 });
 
 for (const output of result.outputs) {

package/dist/Homepage.js

@@ -720,7 +720,7 @@ var __defProp2, __export2 = (target, all) => {
   });
 }, useIsPlayer = () => {
   return useContext(IsPlayerContext);
-}, VERSION = "4.0.258", checkMultipleRemotionVersions = () => {
+}, VERSION = "4.0.261", checkMultipleRemotionVersions = () => {
   if (typeof globalThis === "undefined") {
     return;
   }
@@ -834,7 +834,7 @@ Check that all your Remotion packages are on the same version. If your dependenc
     setNonce(context.getNonce);
   }, [context]);
   return nonce;
-}, exports_timeline_position_state, CompositionManager, EditorPropsContext, editorPropsProviderRef, EditorPropsProvider = ({ children }) => {
+}, exports_timeline_position_state, CompositionManager, EditorPropsContext, editorPropsProviderRef, timeValueRef, EditorPropsProvider = ({ children }) => {
   const [props, setProps] = React42.useState({});
   const updateProps = useCallback22(({
     defaultProps,
@@ -5509,6 +5509,7 @@ var init_esm = __esm(() => {
     }
   });
   editorPropsProviderRef = React42.createRef();
+  timeValueRef = React42.createRef();
   validCodecs = [
     "h264",
     "h265",
@@ -5819,7 +5820,8 @@ var init_esm = __esm(() => {
     Log,
     LogLevelContext,
     useLogLevel,
-    playbackLogging
+    playbackLogging,
+    timeValueRef
   };
   PERCENTAGE = NUMBER + "%";
   IsInsideSeriesContext = createContext19(false);
@@ -7880,7 +7882,7 @@ var CompanyPricing = () => {
             children: [
               /* @__PURE__ */ jsx4("div", {
                 className: "fontbrand font-bold text-lg",
-                children: "WebCodec Conversion Units"
+                children: "WebCodecs Conversion Units"
               }),
               /* @__PURE__ */ jsxs4("div", {
                 className: "text-muted fontbrand text-sm",
@@ -13331,10 +13333,12 @@ var PlayerTimeLabel = ({ durationInFrames, maxTimeLabelWidth, fps }) => {
       textOverflow: "ellipsis"
     };
   }, [maxTimeLabelWidth]);
+  const isLastFrame = frame === durationInFrames - 1;
+  const frameToDisplay = isLastFrame ? frame + 1 : frame;
   return /* @__PURE__ */ jsxs72("div", {
     style: timeLabel,
     children: [
-      formatTime(frame / fps),
+      formatTime(frameToDisplay / fps),
       " / ",
       formatTime(durationInFrames / fps)
     ]
@@ -19636,6 +19640,7 @@ var listOfRemotionPackages = [
   "@remotion/lambda-ruby",
   "@remotion/lambda-python",
   "@remotion/lambda",
+  "@remotion/lambda-client",
   "@remotion/layout-utils",
   "@remotion/licensing",
   "@remotion/lottie",
@@ -19653,6 +19658,7 @@ var listOfRemotionPackages = [
   "@remotion/promo-pages",
   "@remotion/streaming",
   "@remotion/serverless",
+  "@remotion/serverless-client",
   "@remotion/studio-server",
   "@remotion/studio-shared",
   "@remotion/studio",

package/dist/homepage/Pricing.js

@@ -1845,7 +1845,7 @@ var CompanyPricing = () => {
             children: [
               /* @__PURE__ */ jsx4("div", {
                 className: "fontbrand font-bold text-lg",
-                children: "WebCodec Conversion Units"
+                children: "WebCodecs Conversion Units"
               }),
               /* @__PURE__ */ jsxs4("div", {
                 className: "text-muted fontbrand text-sm",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@remotion/promo-pages",
-  "version": "4.0.259",
+  "version": "4.0.261",
   "publishConfig": {
     "access": "public"
   },
@@ -8,36 +8,35 @@
   "dependencies": {
     "hls.js": "1.5.19",
     "polished": "4.3.1",
-    "react": "19.0.0",
-    "react-dom": "19.0.0",
     "vite": "^5.4.12",
     "zod": "3.22.3",
-    "@remotion/animated-emoji": "4.0.259",
-    "@remotion/lottie": "4.0.259",
-    "@remotion/shapes": "4.0.259",
-    "@remotion/player": "4.0.259",
-    "@remotion/lambda": "4.0.259",
-    "@remotion/eslint-config-internal": "4.0.259",
-    "create-video": "4.0.259",
-    "remotion": "4.0.259",
-    "@remotion/paths": "4.0.259"
+    "@remotion/lottie": "4.0.261",
+    "@remotion/animated-emoji": "4.0.261",
+    "@remotion/lambda": "4.0.261",
+    "remotion": "4.0.261",
+    "@remotion/player": "4.0.261",
+    "@remotion/shapes": "4.0.261",
+    "@remotion/paths": "4.0.261",
+    "create-video": "4.0.261"
   },
   "devDependencies": {
     "@eslint/eslintrc": "3.1.0",
     "@types/react": "19.0.0",
     "@types/react-dom": "19.0.0",
-    "eslint": "9.14.0",
-    "eslint-config-next": "15.0.4",
+    "eslint": "9.19.0",
+    "eslint-config-next": "15.1.6",
     "plyr": "^3.7.3",
     "postcss": "8.4.47",
     "tailwindcss": "4.0.0",
     "@tailwindcss/cli": "4.0.0",
     "@tailwindcss/vite": "4.0.0",
-    "tailwindcss-scoped-preflight": "3.4.10",
+    "react": "19.0.0",
+    "react-dom": "19.0.0",
     "@vitejs/plugin-react-swc": "^3.5.0",
     "tailwind-merge": "2.5.2",
     "bun-plugin-tailwind": "0.0.13",
-    "clsx": "2.1.1"
+    "clsx": "2.1.1",
+    "@remotion/eslint-config-internal": "4.0.261"
   },
   "repository": {
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/promo-pages"

package/src/components/homepage/FreePricing.tsx

@@ -253,7 +253,7 @@ export const CompanyPricing: React.FC = () => {
 			<div className={'flex flex-row items-center'}>
 				<div style={textUnitWrapper}>
 					<div className={'fontbrand font-bold text-lg'}>
-						WebCodec Conversion Units
+						WebCodecs Conversion Units
 					</div>
 					<div className={'text-muted fontbrand text-sm'}>
 						Allows for{' '}

package/tsconfig.json

@@ -1,15 +1,11 @@
 {
+	"extends": "../tsconfig.settings.json",
 	"compilerOptions": {
-		"target": "ES2021",
+		"rootDir": "src",
+		"outDir": "dist",
 		"module": "Preserve",
-		"moduleResolution": "Bundler",
-		"jsx": "react-jsx",
-		"strict": true,
-		"noEmit": true,
 		"lib": ["ES2021", "DOM"],
-		"esModuleInterop": true,
-		"skipLibCheck": true,
-		"forceConsistentCasingInFileNames": true,
-		"noUnusedLocals": true
-	}
+		"moduleResolution": "Bundler"
+	},
+	"include": ["src"]
 }