05 Lambda Config

1// T4 case 05 — Imports @remotion/lambda for distributed rendering config.
2//
3// Should be detected by lint_source.py as warning r2hf/lambda-import.
4// The skill drops the Lambda code with a note (HF runs single-machine
5// today) and translates the rest of the composition.
6//
7// Why this is a warning, not a blocker: @remotion/lambda config is
8// orthogonal to the rendered composition — it's deployment configuration,
9// not animation logic. Treating it as a hard blocker would refuse
10// translation for compositions that are otherwise clean. The skill drops
11// the Lambda calls in step 3 (Generate) and writes a TRANSLATION_NOTES.md
12// entry so the user knows to set up HF rendering separately.
13
14import React from "react";
15import { renderMediaOnLambda } from "@remotion/lambda";
16import { AbsoluteFill, useCurrentFrame, interpolate } from "remotion";
17
18export const LambdaConfigured: React.FC = () => {
19  const frame = useCurrentFrame();
20  const opacity = interpolate(frame, [0, 30], [0, 1]);
21  return (
22    <AbsoluteFill style={{ opacity }}>
23      <div>frame {frame}</div>
24    </AbsoluteFill>
25  );
26};
27
28// Rendered at scale via Lambda — no HF equivalent.
29export async function renderViaLambda() {
30  return renderMediaOnLambda({
31    region: "us-east-1",
32    functionName: "remotion-render",
33    composition: "LambdaConfigured",
34    serveUrl: "https://example.com/bundle",
35    inputProps: {},
36    codec: "h264",
37  });
38}