chore: migrate biome version

apps/docs-embed/components-to-string.ts

@@ -3,12 +3,15 @@ import * as path from "node:path";
 import { glob } from "glob";
 
 function escapeComponentContent(content: string): string {
-  return content
-    .replace(/\\/g, "\\\\")
-    .replace(/`/g, "\\`")
-    .replace(/\$\{/g, "\\${")
-    .replace(/\"use client\";/g, "")
-    .trim();
+  return (
+    content
+      .replace(/\\/g, "\\\\")
+      .replace(/`/g, "\\`")
+      .replace(/\$\{/g, "\\${")
+      // biome-ignore lint/complexity/noUselessEscapeInRegex: ignored using `--suppress`
+      .replace(/\"use client\";/g, "")
+      .trim()
+  );
 }
 
 function fileNameToExportName(fileName: string): string {

apps/docs-embed/src/app/broadcast/[key]/page.tsx

@@ -1,3 +1,4 @@
+import { notFound } from "next/navigation";
 import Audio from "@/components/broadcast/audio";
 import Camera from "@/components/broadcast/camera";
 import Container from "@/components/broadcast/container";
@@ -20,7 +21,6 @@ import {
   CodeWithExampleServer,
   getBroadcastKeys,
 } from "@/components/code/code-server";
-import { notFound } from "next/navigation";
 
 export const dynamic = "force-static";
 
@@ -32,7 +32,9 @@ export async function generateStaticParams() {
 
 export default ({
   params,
-}: { params: { key: BroadcastComponentKey | undefined } }) => {
+}: {
+  params: { key: BroadcastComponentKey | undefined };
+}) => {
   if (!params.key) {
     notFound();
   }
@@ -76,6 +78,7 @@ export default ({
         ) : params.key === "video" ? (
           <Video />
         ) : (
+          // biome-ignore lint/complexity/noUselessFragments: ignored using `--suppress`
           <></>
         )
       }

apps/docs-embed/src/app/layout.tsx

@@ -1,7 +1,7 @@
-import { cn } from "@/lib/utils";
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import { Toaster } from "sonner";
+import { cn } from "@/lib/utils";
 import "./globals.css";
 
 const inter = Inter({ subsets: ["latin"] });

apps/docs-embed/src/app/player/[key]/page.tsx

@@ -1,7 +1,8 @@
+import { notFound } from "next/navigation";
 import {
   CodeWithExampleServer,
-  type PlayerComponentKey,
   getPlayerKeys,
+  type PlayerComponentKey,
 } from "@/components/code/code-server";
 import Clip from "@/components/player/clip";
 import Container from "@/components/player/container";
@@ -23,7 +24,6 @@ import UseMediaContext from "@/components/player/use-media-context";
 import Video from "@/components/player/video";
 import VideoQuality from "@/components/player/video-quality";
 import Volume from "@/components/player/volume";
-import { notFound } from "next/navigation";
 
 export const dynamic = "force-static";
 
@@ -35,7 +35,9 @@ export async function generateStaticParams() {
 
 export default ({
   params,
-}: { params: { key: PlayerComponentKey | undefined } }) => {
+}: {
+  params: { key: PlayerComponentKey | undefined };
+}) => {
   if (!params.key) {
     notFound();
   }
@@ -85,6 +87,7 @@ export default ({
         ) : params.key === "volume" ? (
           <Volume />
         ) : (
+          // biome-ignore lint/complexity/noUselessFragments: ignored using `--suppress`
           <></>
         )
       }

apps/docs-embed/src/components/broadcast/fullscreen.tsx

@@ -1,12 +1,11 @@
 "use client";
 
-import * as Broadcast from "@livepeer/react/broadcast";
-import { getIngest } from "@livepeer/react/external";
-
 import {
   EnterFullscreenIcon,
   ExitFullscreenIcon,
 } from "@livepeer/react/assets";
+import * as Broadcast from "@livepeer/react/broadcast";
+import { getIngest } from "@livepeer/react/external";
 import { streamKey } from "./stream-key";
 
 export default () => {

apps/docs-embed/src/components/broadcast/pip.tsx

@@ -1,9 +1,8 @@
 "use client";
 
+import { PictureInPictureIcon } from "@livepeer/react/assets";
 import * as Broadcast from "@livepeer/react/broadcast";
 import { getIngest } from "@livepeer/react/external";
-
-import { PictureInPictureIcon } from "@livepeer/react/assets";
 import { streamKey } from "./stream-key";
 
 export default () => {

apps/docs-embed/src/components/code/code-server.tsx

@@ -1,7 +1,7 @@
+import { notFound } from "next/navigation";
 import * as broadcastComponents from "@/lib/broadcast-components";
 import * as playerComponents from "@/lib/player-components";
 import { codeToHtml } from "@/lib/shiki";
-import { notFound } from "next/navigation";
 import { ExpandableCode } from "./code";
 
 export type PlayerComponentKey = keyof typeof playerComponents;
@@ -32,8 +32,10 @@ export const CodeWithExampleServer = async ({
 }) => {
   const stringComponent =
     type === "player"
-      ? playerComponents[component as PlayerComponentKey]
-      : broadcastComponents[component as BroadcastComponentKey];
+      ? // biome-ignore lint/performance/noDynamicNamespaceImportAccess: ignored using `--suppress`
+        playerComponents[component as PlayerComponentKey]
+      : // biome-ignore lint/performance/noDynamicNamespaceImportAccess: ignored using `--suppress`
+        broadcastComponents[component as BroadcastComponentKey];
 
   if (!stringComponent) {
     notFound();

apps/docs-embed/src/components/player/fullscreen.tsx

@@ -1,12 +1,11 @@
 "use client";
 
-import { getSrc } from "@livepeer/react/external";
-import * as Player from "@livepeer/react/player";
-
 import {
   EnterFullscreenIcon,
   ExitFullscreenIcon,
 } from "@livepeer/react/assets";
+import { getSrc } from "@livepeer/react/external";
+import * as Player from "@livepeer/react/player";
 import { vodSource } from "./source";
 
 export default () => {

apps/docs-embed/src/components/player/pip.tsx

@@ -1,9 +1,8 @@
 "use client";
 
+import { PictureInPictureIcon } from "@livepeer/react/assets";
 import { getSrc } from "@livepeer/react/external";
 import * as Player from "@livepeer/react/player";
-
-import { PictureInPictureIcon } from "@livepeer/react/assets";
 import { vodSource } from "./source";
 
 export default () => {

apps/docs-embed/src/components/player/play.tsx

@@ -1,9 +1,8 @@
 "use client";
 
+import { PauseIcon, PlayIcon } from "@livepeer/react/assets";
 import { getSrc } from "@livepeer/react/external";
 import * as Player from "@livepeer/react/player";
-
-import { PauseIcon, PlayIcon } from "@livepeer/react/assets";
 import { vodSource } from "./source";
 
 export default () => {

apps/docs-embed/src/components/player/root.tsx

@@ -14,8 +14,8 @@ import * as Popover from "@radix-ui/react-popover";
 import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
 import React, {
   type CSSProperties,
-  type PropsWithChildren,
   forwardRef,
+  type PropsWithChildren,
 } from "react";
 import { vodSource } from "./source";
 

apps/lvpr-tv/src/app/broadcast/[key]/page.tsx

@@ -1,7 +1,7 @@
+import { getIngest } from "@livepeer/react/external";
 import { BroadcastWithControls } from "@/components/broadcast/Broadcast";
 import type { Booleanish } from "@/lib/types";
 import { coerceToBoolean } from "@/lib/utils";
-import { getIngest } from "@livepeer/react/external";
 
 type BroadcastSearchParams = {
   forceEnabled?: Booleanish;
@@ -13,7 +13,10 @@ type BroadcastSearchParams = {
 export default async function BroadcastPage({
   params,
   searchParams,
-}: { params: { key?: string }; searchParams: Partial<BroadcastSearchParams> }) {
+}: {
+  params: { key?: string };
+  searchParams: Partial<BroadcastSearchParams>;
+}) {
   const ingestUrl = getIngest(params.key, {
     baseUrl:
       process.env.NEXT_PUBLIC_WEBRTC_INGEST_BASE_URL ??

apps/lvpr-tv/src/app/layout.tsx

@@ -1,7 +1,7 @@
-import { cn } from "@/lib/utils";
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import { Toaster } from "sonner";
+import { cn } from "@/lib/utils";
 import "./globals.css";
 
 const inter = Inter({ subsets: ["latin"] });

apps/lvpr-tv/src/app/page.tsx

@@ -1,3 +1,5 @@
+import type { ClipLength } from "@livepeer/react";
+import { Suspense } from "react";
 import {
   PlayerLoading,
   type PlayerProps,
@@ -6,8 +8,6 @@ import {
 } from "@/components/player/Player";
 import type { Booleanish } from "@/lib/types";
 import { coerceToBoolean } from "@/lib/utils";
-import type { ClipLength } from "@livepeer/react";
-import { Suspense } from "react";
 import { IframeMessenger } from "../components/IframeMessenger";
 
 type Autoplay = Booleanish;

apps/lvpr-tv/src/components/IframeMessenger.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import { useEffect } from "react";
+
 interface PlayerError {
   message: string;
   code?: string;
@@ -40,6 +41,7 @@ function isAllowedOrigin(origin: string): boolean {
 function isInIframe(): boolean {
   try {
     return typeof window !== "undefined" && window.self !== window.top;
+    // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
   } catch (e) {
     return true;
   }

apps/lvpr-tv/src/components/broadcast/Broadcast.tsx

@@ -33,6 +33,7 @@ export function BroadcastWithControls({
       description="The stream key provided was invalid. Please check and try again."
     />
   ) : (
+    // biome-ignore lint/complexity/noUselessFragments: ignored using `--suppress`
     <>
       <Broadcast.Root
         {...rest}
@@ -178,7 +179,10 @@ export function BroadcastWithControls({
 export const BroadcastLoading = ({
   title,
   description,
-}: { title?: React.ReactNode; description?: React.ReactNode }) => (
+}: {
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+}) => (
   <div className="h-full relative w-full px-3 md:px-3 py-3 gap-3 flex-col-reverse flex bg-white/10 overflow-hidden rounded-sm">
     <div className="flex justify-between">
       <div className="flex items-center gap-2">

apps/lvpr-tv/src/components/broadcast/Settings.tsx

@@ -3,10 +3,9 @@
 import { SettingsIcon } from "@livepeer/react/assets";
 import * as Broadcast from "@livepeer/react/broadcast";
 import * as Popover from "@radix-ui/react-popover";
-
-import { cn } from "@/lib/utils";
 import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
 import React from "react";
+import { cn } from "@/lib/utils";
 
 export const Settings = React.forwardRef(
   (

apps/lvpr-tv/src/components/player/Clip.tsx

@@ -1,12 +1,11 @@
 "use client";
 
-import { toast } from "sonner";
+import { ClipIcon, LoadingIcon } from "@livepeer/react/assets";
 
 import * as Player from "@livepeer/react/player";
-
-import { ClipIcon, LoadingIcon } from "@livepeer/react/assets";
 import type { ClipPayload } from "livepeer/models/components";
 import { useCallback, useTransition } from "react";
+import { toast } from "sonner";
 import { createClip } from "./actions";
 
 export function Clip({ className }: { className?: string }) {

apps/lvpr-tv/src/components/player/ForceError.tsx

@@ -1,11 +1,11 @@
 "use client";
 
-import { cn } from "@/lib/utils";
 import {
   type MediaScopedProps,
   useMediaContext,
   useStore,
 } from "@livepeer/react/player";
+import { cn } from "@/lib/utils";
 
 const FORCE_ERROR_NAME = "ForceError";
 

apps/lvpr-tv/src/components/player/Player.tsx

@@ -1,4 +1,4 @@
-import * as Player from "@livepeer/react/player";
+import type { ClipLength } from "@livepeer/react";
 
 import {
   EnterFullscreenIcon,
@@ -11,15 +11,14 @@ import {
   UnmuteIcon,
 } from "@livepeer/react/assets";
 import { getSrc } from "@livepeer/react/external";
+import * as Player from "@livepeer/react/player";
 import { unstable_cache } from "next/cache";
 import { cache } from "react";
-import { Clip } from "./Clip";
-import { CurrentSource } from "./CurrentSource";
-
 import { livepeer } from "@/lib/livepeer";
 import { cn } from "@/lib/utils";
-import type { ClipLength } from "@livepeer/react";
 import { PlayerErrorMonitor } from "../PlayerErrorMonitor";
+import { Clip } from "./Clip";
+import { CurrentSource } from "./CurrentSource";
 import { ForceError } from "./ForceError";
 import { Settings } from "./Settings";
 
@@ -361,7 +360,10 @@ export async function PlayerWithoutControls(props: PlayerProps) {
 export const PlayerLoading = ({
   title,
   description,
-}: { title?: React.ReactNode; description?: React.ReactNode }) => (
+}: {
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+}) => (
   <div className="relative h-full w-full px-3 py-2 gap-3 flex-col-reverse flex bg-white/10 overflow-hidden rounded-sm">
     <div className="flex justify-between">
       <div className="flex items-center gap-2">
@@ -387,9 +389,11 @@ export const PlayerLoading = ({
   </div>
 );
 
+// biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
 function isInIframe() {
   try {
     return typeof window !== "undefined" && window.self !== window.top;
+    // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
   } catch (e) {
     // if accessing window.top throws an exception due to cross-origin policy,
     // the catch block will also return true,

apps/lvpr-tv/src/components/player/Settings.tsx

@@ -1,12 +1,11 @@
 "use client";
 
+import { SettingsIcon } from "@livepeer/react/assets";
 import * as Player from "@livepeer/react/player";
 import * as Popover from "@radix-ui/react-popover";
-
-import { cn } from "@/lib/utils";
-import { SettingsIcon } from "@livepeer/react/assets";
 import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
 import React from "react";
+import { cn } from "@/lib/utils";
 
 export const Settings = React.forwardRef(
   (

apps/lvpr-tv/src/components/player/actions.ts

@@ -1,7 +1,7 @@
 "use server";
 
-import { livepeer } from "@/lib/livepeer";
 import type { ClipPayload } from "livepeer/models/components";
+import { livepeer } from "@/lib/livepeer";
 
 export const createClip = async (opts: ClipPayload) => {
   try {