chore: format

Author: github-actions[bot]

mux-video/README.md

@@ -3,6 +3,7 @@
 This example uses Mux Video, an API-first platform for video. The example features video uploading and playback in a Remix.js application.
 
 This example is useful if you want to build a platform that supports user-uploaded videos. For example:
+
 - Enabling user profile videos
 - Accepting videos for a video contest promotion
 - Allowing customers to upload screencasts that help with troubleshooting a bug
@@ -66,6 +67,5 @@ When creating uploads, this demo sets `cors_origin: "*"` in the [`app/routes/_in
 
 ### Consider webhooks
 
-In this example, we poll the Mux API to see if our asset is ready.  In production, you'll likely have a database where you can store the `upload.id` and `asset.id`, and you can use [Mux Webhooks](https://docs.mux.com/guides/listen-for-webhooks) to get notified when your upload is complete, and when your asset is ready.
 In this example, we poll the Mux API to see if our asset is ready. In production, you'll likely have a database where you can store the `upload.id` and `asset.id`, and you can use [Mux Webhooks](https://docs.mux.com/guides/listen-for-webhooks) to get notified when your upload is complete, and when your asset is ready.
-
+In this example, we poll the Mux API to see if our asset is ready. In production, you'll likely have a database where you can store the `upload.id` and `asset.id`, and you can use [Mux Webhooks](https://docs.mux.com/guides/listen-for-webhooks) to get notified when your upload is complete, and when your asset is ready.

mux-video/app/routes/_index.tsx

@@ -60,10 +60,7 @@ export default function UploadPage() {
         you might have other fields here, like name and description,
         that you'll save in your CMS alongside the uploadId and assetId
       */}
-      <button
-        type="submit"
-        disabled={!isUploadSuccess}
-      >
+      <button type="submit" disabled={!isUploadSuccess}>
         {isUploadSuccess ? "Watch video" : "Waiting for upload..."}
       </button>
       {message ? <p>{message}</p> : null}

mux-video/app/routes/mux.webhook.ts

@@ -19,7 +19,7 @@ export const action = async ({ request }: ActionFunctionArgs) => {
   const event = mux.webhooks.unwrap(
     body,
     request.headers,
-    process.env.MUX_WEBHOOK_SIGNING_SECRET
+    process.env.MUX_WEBHOOK_SIGNING_SECRET,
   );
 
   // you can also unwrap the payload yourself:
@@ -39,5 +39,5 @@ export const action = async ({ request }: ActionFunctionArgs) => {
       break;
   }
 
-  return json({ message: "ok" })
+  return json({ message: "ok" });
 };

mux-video/app/routes/playback.$playbackId.tsx

@@ -37,11 +37,14 @@ export default function Page() {
   const { playbackId } = useParams();
   return (
     <>
-      <p>
-        This video is ready for playback and sharing
-      </p>
+      <p>This video is ready for playback and sharing</p>
       <MuxPlayer
-        style={{ width: '100%', height: 'auto', aspectRatio: '16/9', marginBottom: '2rem' }}
+        style={{
+          width: "100%",
+          height: "auto",
+          aspectRatio: "16/9",
+          marginBottom: "2rem",
+        }}
         playbackId={playbackId}
         metadata={{ player_name: "remix/examples/mux-video" }}
         accentColor="rgb(37 99 235)"

mux-video/app/routes/status.$assetId.tsx

@@ -1,4 +1,4 @@
-import type { LoaderFunctionArgs} from "@remix-run/node";
+import type { LoaderFunctionArgs } from "@remix-run/node";
 import { json, redirect } from "@remix-run/node";
 import { useFetcher, useLoaderData, useParams, Link } from "@remix-run/react";
 import { useEffect } from "react";
@@ -64,11 +64,13 @@ export default function UploadStatus() {
       <p>
         Asset is in an unexpected state: <code>{status}</code>.
       </p>
-      {Array.isArray(errors) ? <ul>
+      {Array.isArray(errors) ? (
+        <ul>
           {errors.map((error, key) => (
             <li key={key}>{JSON.stringify(error)}</li>
           ))}
-        </ul> : null}
+        </ul>
+      ) : null}
       <p>
         This is awkward. Let&apos;s <Link to="/">refresh</Link> and try again.
       </p>