chore: migrate biome version (#618)

* chore: migrate biome version

* chore: fix more lint errors

Author: junhyr

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 () => {