docs(compose): format simplest-render code samples

jobs/compose.mdx

@@ -42,12 +42,26 @@
   type: "compose",
   params: {
     schemaVersion: 1,
-    output: { format: "mp4", resolution: { width: 1280, height: 720 }, fps: 30 },
+    output: {
+      format: "mp4",
+      resolution: { width: 1280, height: 720 },
+      fps: 30,
+    },
     timeline: {
       tracks: [
-        { clips: [
-          { asset: { type: "video", src: "https://cdn.rendobar.com/assets/examples/a.mp4", trim: { from: 0, to: 3 } }, start: 0, length: 3 },
-        ] },
+        {
+          clips: [
+            {
+              asset: {
+                type: "video",
+                src: "https://cdn.rendobar.com/assets/examples/a.mp4",
+                trim: { from: 0, to: 3 },
+              },
+              start: 0,
+              length: 3,
+            },
+          ],
+        },
       ],
     },
   },
@@ -67,12 +81,26 @@
         "type": "compose",
         "params": {
             "schemaVersion": 1,
-            "output": {"format": "mp4", "resolution": {"width": 1280, "height": 720}, "fps": 30},
+            "output": {
+                "format": "mp4",
+                "resolution": {"width": 1280, "height": 720},
+                "fps": 30,
+            },
             "timeline": {
                 "tracks": [
-                    {"clips": [
-                        {"asset": {"type": "video", "src": "https://cdn.rendobar.com/assets/examples/a.mp4", "trim": {"from": 0, "to": 3}}, "start": 0, "length": 3}
-                    ]}
+                    {
+                        "clips": [
+                            {
+                                "asset": {
+                                    "type": "video",
+                                    "src": "https://cdn.rendobar.com/assets/examples/a.mp4",
+                                    "trim": {"from": 0, "to": 3},
+                                },
+                                "start": 0,
+                                "length": 3,
+                            }
+                        ]
+                    }
                 ]
             },
         },
@@ -88,12 +116,26 @@
     "type": "compose",
     "params": {
       "schemaVersion": 1,
-      "output": { "format": "mp4", "resolution": { "width": 1280, "height": 720 }, "fps": 30 },
+      "output": {
+        "format": "mp4",
+        "resolution": { "width": 1280, "height": 720 },
+        "fps": 30
+      },
       "timeline": {
         "tracks": [
-          { "clips": [
-            { "asset": { "type": "video", "src": "https://cdn.rendobar.com/assets/examples/a.mp4", "trim": { "from": 0, "to": 3 } }, "start": 0, "length": 3 }
-          ] }
+          {
+            "clips": [
+              {
+                "asset": {
+                  "type": "video",
+                  "src": "https://cdn.rendobar.com/assets/examples/a.mp4",
+                  "trim": { "from": 0, "to": 3 }
+                },
+                "start": 0,
+                "length": 3
+              }
+            ]
+          }
         ]
       }
     }
@@ -103,7 +145,7 @@
 </CodeGroup>
 
 <Info>
 **Assets:** video, image, text, audio, composition · **Output:** mp4 / webm / gif / mp3 (audio only) / jpg / png (still frame)
 </Info>
 
 That is the shape of every render. Everything below is one more clip, one more track, or one more field.
@@ -315,13 +357,13 @@
 
 | Field | What it does |
 | --- | --- |
 | `opacity` | `0`..`1`, or keyframes `[{ time, value, easing: step \| linear \| smooth }]` |
 | `transform` | `position {x,y}`, `scale`, `rotate`, `anchor` (`center` \| `topLeft`), `fit` (`contain` \| `fill`), `animateTo` (Ken Burns end state) |
 | `crop` | `top` / `right` / `bottom` / `left`, each a percent string like `"10%"` |
 | `speed` | playback rate (`0.5` = slow motion, `2` = fast, and pitch shifts with speed) |
 | `color` | `brightness` (-1..1), `contrast` (0..4), `saturation` (0..3), `gamma` (0.1..10), `hue` (-180..180), `temperature` (1000..40000 K) |
 | `filter` | `greyscale`, `negative`, `boost`, `muted`, `lighten`, `darken`, `contrast` (mutually exclusive with `color`) |
 | `blur` / `sharpen` | gaussian blur strength / unsharp amount |
 | `chromaKey` | `color` (hex), `similarity` (0..1) |
 | `blendMode` | `normal`, `multiply`, `screen`, `overlay`, `darken`, `lighten`, `add`, `difference` |
 | `pan` | stereo balance, `-1` (left) to `1` (right) |