diff --git a/examples/with-pubnub/src/app/view/[playbackId]/page.tsx b/examples/with-pubnub/src/app/view/[playbackId]/page.tsx
index a54c4f08..5b8b66ef 100644
--- a/examples/with-pubnub/src/app/view/[playbackId]/page.tsx
+++ b/examples/with-pubnub/src/app/view/[playbackId]/page.tsx
@@ -1,11 +1,13 @@
-import { getPlaybackInfo } from "@/lib/livepeer";
import { getSrc } from "@livepeer/react/external";
+import { getPlaybackInfo } from "@/lib/livepeer";
import { PlayerLoading } from "../../../components/player/Player";
import PlayerWithChat from "./PlayerWithChat";
export default async function PlayerPage({
params,
-}: { params: { playbackId: string } }) {
+}: {
+ params: { playbackId: string };
+}) {
const inputSource = await getPlaybackInfo(params.playbackId);
const src = getSrc(inputSource);
diff --git a/examples/with-pubnub/src/components/broadcast/Settings.tsx b/examples/with-pubnub/src/components/broadcast/Settings.tsx
index 5af5c920..e959b690 100644
--- a/examples/with-pubnub/src/components/broadcast/Settings.tsx
+++ b/examples/with-pubnub/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(
(
diff --git a/examples/with-pubnub/src/components/chat/Chat.tsx b/examples/with-pubnub/src/components/chat/Chat.tsx
index 457fdfa1..49f95331 100644
--- a/examples/with-pubnub/src/components/chat/Chat.tsx
+++ b/examples/with-pubnub/src/components/chat/Chat.tsx
@@ -1,8 +1,8 @@
"use client";
-import { cn } from "@/lib/utils";
import { faCog, faUser } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
import { type Channel, Membership, type Message, User } from "@pubnub/chat";
import { SendHorizontal } from "lucide-react";
import { usePathname } from "next/navigation";
@@ -15,6 +15,7 @@ import {
} from "react";
import { RotatingLines } from "react-loader-spinner";
import Modal from "react-modal";
+import { cn } from "@/lib/utils";
import {
deleteMessageAPI,
restoreMessageAPI,
@@ -42,6 +43,7 @@ export const Chat = ({ playbackId }: { playbackId: string }) => {
const [chatMessages, setChatMessages] = useState([]);
const [storedUsers, setStoredUsers] = useState>(new Map());
const [loading, setLoading] = useState(false);
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
const [disconnectMessageStream, setDisconnectMessageStream] = useState<
(() => void) | undefined
>();
@@ -113,6 +115,7 @@ export const Chat = ({ playbackId }: { playbackId: string }) => {
initChannel();
}, [playbackId, userInstance, storedUsers, createPubnubChannel]);
+ // biome-ignore lint/correctness/useExhaustiveDependencies: ignored using `--suppress`
useEffect(() => {
// This will connect the message and presense stream
async function initChat() {
@@ -337,6 +340,7 @@ export const Chat = ({ playbackId }: { playbackId: string }) => {
setFlaggedUsers([...flaggedUsers, userId]);
// Get User
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
const user: User = (await chatInstance.getUser(userId)) ?? new User();
// Report a user
@@ -366,6 +370,7 @@ export const Chat = ({ playbackId }: { playbackId: string }) => {
});
// Get User
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
const user: User = (await chatInstance.getUser(userId)) ?? new User();
// Mute/un-mute a user
@@ -403,6 +408,7 @@ export const Chat = ({ playbackId }: { playbackId: string }) => {
});
// Get User
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
const user: User = (await chatInstance.getUser(userId)) ?? new User();
// Ban/un-ban a user
@@ -497,6 +503,7 @@ export const Chat = ({ playbackId }: { playbackId: string }) => {
= ({ title, children }) => {
}}
tabIndex={0}
// biome-ignore lint/a11y/useSemanticElements: todo: fix this
- role="button"
+ // role="button"
aria-pressed="false"
>
diff --git a/examples/with-pubnub/src/components/chat/components/message.tsx b/examples/with-pubnub/src/components/chat/components/message.tsx
index 1a10af8a..25d44575 100644
--- a/examples/with-pubnub/src/components/chat/components/message.tsx
+++ b/examples/with-pubnub/src/components/chat/components/message.tsx
@@ -1,4 +1,3 @@
-import { cn } from "@/lib/utils";
import {
faBan,
faEllipsisH,
@@ -12,6 +11,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import type { Message } from "@pubnub/chat";
import type React from "react";
import { useState } from "react";
+import { cn } from "@/lib/utils";
// Define a type for the component's props
type MessageComponentProps = {
diff --git a/examples/with-pubnub/src/components/chat/components/sign-in.tsx b/examples/with-pubnub/src/components/chat/components/sign-in.tsx
index 44d4c6bd..6d2b9b9b 100644
--- a/examples/with-pubnub/src/components/chat/components/sign-in.tsx
+++ b/examples/with-pubnub/src/components/chat/components/sign-in.tsx
@@ -28,6 +28,7 @@ const ChatSignIn: React.FC
You have been banned!
+ {/** biome-ignore lint/performance/noImgElement: ignored using `--suppress` */} = ({ title, children }) => {
}}
tabIndex={0}
// biome-ignore lint/a11y/useSemanticElements: todo: fix this
- role="button"
+ // role="button"
aria-pressed="false"
>
diff --git a/examples/with-pubnub/src/components/chat/components/message.tsx b/examples/with-pubnub/src/components/chat/components/message.tsx
index 1a10af8a..25d44575 100644
--- a/examples/with-pubnub/src/components/chat/components/message.tsx
+++ b/examples/with-pubnub/src/components/chat/components/message.tsx
@@ -1,4 +1,3 @@
-import { cn } from "@/lib/utils";
import {
faBan,
faEllipsisH,
@@ -12,6 +11,7 @@ import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import type { Message } from "@pubnub/chat";
import type React from "react";
import { useState } from "react";
+import { cn } from "@/lib/utils";
// Define a type for the component's props
type MessageComponentProps = {
diff --git a/examples/with-pubnub/src/components/chat/components/sign-in.tsx b/examples/with-pubnub/src/components/chat/components/sign-in.tsx
index 44d4c6bd..6d2b9b9b 100644
--- a/examples/with-pubnub/src/components/chat/components/sign-in.tsx
+++ b/examples/with-pubnub/src/components/chat/components/sign-in.tsx
@@ -28,6 +28,7 @@ const ChatSignIn: React.FC = ({ submit }) => {
>
Your username
+ {/** biome-ignore lint/nursery/useUniqueElementIds: ignored using `--suppress` */}
= ({ submit }) => {
+ {/** biome-ignore lint/nursery/useUniqueElementIds: ignored using `--suppress` */}
diff --git a/examples/with-pubnub/src/components/player/Settings.tsx b/examples/with-pubnub/src/components/player/Settings.tsx
index f09a32a9..687adc06 100644
--- a/examples/with-pubnub/src/components/player/Settings.tsx
+++ b/examples/with-pubnub/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(
(
diff --git a/examples/with-pubnub/src/components/player/actions.ts b/examples/with-pubnub/src/components/player/actions.ts
index 2e7a23d1..e230e960 100644
--- a/examples/with-pubnub/src/components/player/actions.ts
+++ b/examples/with-pubnub/src/components/player/actions.ts
@@ -1,8 +1,8 @@
"use server";
-import { createStreamClip } from "@/lib/livepeer";
import type { ClipPayload } from "livepeer/models/components";
import z from "zod";
+import { createStreamClip } from "@/lib/livepeer";
const isValidUnixTimestamp = (timestamp: number) => {
const now = Date.now();
diff --git a/package.json b/package.json
index 880ed19f..68918082 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
"dev:packages": "dotenv -- turbo dev --filter \"@livepeer/*\"",
"generate": "tsm generate-version.ts && turbo run generate",
"lint": "pnpm dlx @biomejs/biome lint ./ && turbo run lint --filter \"@livepeer/*\"",
- "lint:fix": "pnpm dlx @biomejs/biome check --apply ./",
+ "lint:fix": "pnpm dlx @biomejs/biome check --fix ./",
"list-browsers": "pnpx browserslist && pnpx browserslist --coverage",
"postinstall": "pnpm run generate",
"preinstall": "npx only-allow pnpm",
@@ -51,8 +51,12 @@
"pre-commit": "pnpm lint-staged"
},
"lint-staged": {
- "*.{js,ts,tsx}": ["pnpm lint:fix"],
- "*.{json,md,mdx,yml}": ["pnpm lint:fix"]
+ "*.{js,ts,tsx}": [
+ "pnpm lint:fix"
+ ],
+ "*.{json,md,mdx,yml}": [
+ "pnpm lint:fix"
+ ]
},
"engines": {
"node": ">=16"
diff --git a/packages/core-react/src/crypto.ts b/packages/core-react/src/crypto.ts
index 2fec5212..fa1e2c88 100644
--- a/packages/core-react/src/crypto.ts
+++ b/packages/core-react/src/crypto.ts
@@ -1,5 +1,5 @@
export {
importPKCS8,
- signAccessJwt,
type SignAccessJwtOptions,
+ signAccessJwt,
} from "@livepeer/core/crypto";
diff --git a/packages/core-react/src/index.ts b/packages/core-react/src/index.ts
index 4f899cde..e065344a 100644
--- a/packages/core-react/src/index.ts
+++ b/packages/core-react/src/index.ts
@@ -5,20 +5,16 @@ export type {
export {
ACCESS_CONTROL_ERROR_MESSAGE,
BFRAMES_ERROR_MESSAGE,
- NOT_ACCEPTABLE_ERROR_MESSAGE,
- PERMISSIONS_ERROR_MESSAGE,
- STREAM_OFFLINE_ERROR_MESSAGE,
- STREAM_OPEN_ERROR_MESSAGE,
isAccessControlError,
isBframesError,
isNotAcceptableError,
isPermissionsError,
isStreamOfflineError,
+ NOT_ACCEPTABLE_ERROR_MESSAGE,
+ PERMISSIONS_ERROR_MESSAGE,
+ STREAM_OFFLINE_ERROR_MESSAGE,
+ STREAM_OPEN_ERROR_MESSAGE,
} from "@livepeer/core/errors";
-export {
- createControllerStore,
- getMediaSourceType,
-} from "@livepeer/core/media";
export type {
AccessControlParams,
AriaText,
@@ -53,11 +49,15 @@ export type {
VideoTrackSelector,
WebRTCSrc,
} from "@livepeer/core/media";
+export {
+ createControllerStore,
+ getMediaSourceType,
+} from "@livepeer/core/media";
+export type { ClientStorage } from "@livepeer/core/storage";
export {
createStorage,
noopStorage,
} from "@livepeer/core/storage";
-export type { ClientStorage } from "@livepeer/core/storage";
export {
b64Decode,
b64Encode,
diff --git a/packages/core-react/test/index.tsx b/packages/core-react/test/index.tsx
index f2302482..2fe9ca52 100644
--- a/packages/core-react/test/index.tsx
+++ b/packages/core-react/test/index.tsx
@@ -1,8 +1,8 @@
import {
- type Queries,
- type RenderOptions,
render as defaultRender,
+ type Queries,
type queries,
+ type RenderOptions,
} from "@testing-library/react";
import type * as React from "react";
diff --git a/packages/core-web/src/broadcast.ts b/packages/core-web/src/broadcast.ts
index 2e2418ce..5a6d91b1 100644
--- a/packages/core-web/src/broadcast.ts
+++ b/packages/core-web/src/broadcast.ts
@@ -1,14 +1,13 @@
+import { PERMISSIONS_ERROR_MESSAGE } from "@livepeer/core/errors";
import type { MediaControllerStore } from "@livepeer/core/media";
import type { ClientStorage } from "@livepeer/core/storage";
+import { warn } from "@livepeer/core/utils";
import {
createJSONStorage,
persist,
subscribeWithSelector,
} from "zustand/middleware";
-import { type StoreApi, createStore } from "zustand/vanilla";
-
-import { PERMISSIONS_ERROR_MESSAGE } from "@livepeer/core/errors";
-import { warn } from "@livepeer/core/utils";
+import { createStore, type StoreApi } from "zustand/vanilla";
import { isPictureInPictureSupported } from "./media/controls";
import { getRTCPeerConnectionConstructor } from "./webrtc/shared";
import {
@@ -19,6 +18,7 @@ import {
getDisplayMediaExists,
getMediaDevices,
getUserMedia,
+ // biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
setMediaStreamTracksStatus,
} from "./webrtc/whip";
@@ -311,6 +311,7 @@ export const createBroadcastStore = ({
>(
subscribeWithSelector(
persist(
+ // biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
(set, get) => ({
audio: initialProps?.audio !== false,
video: initialProps?.video !== false,
@@ -1353,6 +1354,7 @@ const addEffectsToStore = (
* @returns MediaStreamTrack A silent audio track
*/
export const createSilentAudioTrack = (): MediaStreamTrack => {
+ // biome-ignore lint/suspicious/noExplicitAny: ignored using `--suppress`
const ctx = new (window.AudioContext || (window as any).webkitAudioContext)();
const oscillator = ctx.createOscillator();
const dst = ctx.createMediaStreamDestination();
diff --git a/packages/core-web/src/external.ts b/packages/core-web/src/external.ts
index 4b686a04..410c70db 100644
--- a/packages/core-web/src/external.ts
+++ b/packages/core-web/src/external.ts
@@ -1,4 +1,3 @@
-export { getIngest, getSrc } from "@livepeer/core";
export type {
CloudflareStreamData,
CloudflareUrlData,
@@ -23,3 +22,4 @@ export type {
LivepeerTypeT,
LivepeerVersion,
} from "@livepeer/core";
+export { getIngest, getSrc } from "@livepeer/core";
diff --git a/packages/core-web/src/hls.ts b/packages/core-web/src/hls.ts
index fb1c61ce..58466f1f 100644
--- a/packages/core-web/src/hls.ts
+++ b/packages/core-web/src/hls.ts
@@ -1,8 +1,8 @@
export {
- VIDEO_HLS_INITIALIZED_ATTRIBUTE,
createNewHls,
- isHlsSupported,
type HlsError,
type HlsVideoConfig,
+ isHlsSupported,
+ VIDEO_HLS_INITIALIZED_ATTRIBUTE,
type VideoConfig,
} from "./hls/hls";
diff --git a/packages/core-web/src/hls/hls.ts b/packages/core-web/src/hls/hls.ts
index 207527c4..2006fd42 100644
--- a/packages/core-web/src/hls/hls.ts
+++ b/packages/core-web/src/hls/hls.ts
@@ -1,9 +1,8 @@
-import Hls, { type ErrorData, type HlsConfig } from "hls.js";
-
import {
- type VideoQuality,
calculateVideoQualityDimensions,
+ type VideoQuality,
} from "@livepeer/core/media";
+import Hls, { type ErrorData, type HlsConfig } from "hls.js";
import { isClient } from "../media/utils";
export const VIDEO_HLS_INITIALIZED_ATTRIBUTE =
@@ -174,7 +173,11 @@ const setQuality = ({
hls,
quality,
aspectRatio,
-}: { hls: Hls | null; quality: VideoQuality; aspectRatio: number }) => {
+}: {
+ hls: Hls | null;
+ quality: VideoQuality;
+ aspectRatio: number;
+}) => {
if (hls) {
const { width } = calculateVideoQualityDimensions(quality, aspectRatio);
diff --git a/packages/core-web/src/index.ts b/packages/core-web/src/index.ts
index 4f899cde..e065344a 100644
--- a/packages/core-web/src/index.ts
+++ b/packages/core-web/src/index.ts
@@ -5,20 +5,16 @@ export type {
export {
ACCESS_CONTROL_ERROR_MESSAGE,
BFRAMES_ERROR_MESSAGE,
- NOT_ACCEPTABLE_ERROR_MESSAGE,
- PERMISSIONS_ERROR_MESSAGE,
- STREAM_OFFLINE_ERROR_MESSAGE,
- STREAM_OPEN_ERROR_MESSAGE,
isAccessControlError,
isBframesError,
isNotAcceptableError,
isPermissionsError,
isStreamOfflineError,
+ NOT_ACCEPTABLE_ERROR_MESSAGE,
+ PERMISSIONS_ERROR_MESSAGE,
+ STREAM_OFFLINE_ERROR_MESSAGE,
+ STREAM_OPEN_ERROR_MESSAGE,
} from "@livepeer/core/errors";
-export {
- createControllerStore,
- getMediaSourceType,
-} from "@livepeer/core/media";
export type {
AccessControlParams,
AriaText,
@@ -53,11 +49,15 @@ export type {
VideoTrackSelector,
WebRTCSrc,
} from "@livepeer/core/media";
+export {
+ createControllerStore,
+ getMediaSourceType,
+} from "@livepeer/core/media";
+export type { ClientStorage } from "@livepeer/core/storage";
export {
createStorage,
noopStorage,
} from "@livepeer/core/storage";
-export type { ClientStorage } from "@livepeer/core/storage";
export {
b64Decode,
b64Encode,
diff --git a/packages/core-web/src/media.ts b/packages/core-web/src/media.ts
index 7408536a..76341642 100644
--- a/packages/core-web/src/media.ts
+++ b/packages/core-web/src/media.ts
@@ -1,7 +1,3 @@
-export {
- createControllerStore,
- getMediaSourceType,
-} from "@livepeer/core/media";
export type {
AccessControlParams,
AriaText,
@@ -36,3 +32,7 @@ export type {
VideoTrackSelector,
WebRTCSrc,
} from "@livepeer/core/media";
+export {
+ createControllerStore,
+ getMediaSourceType,
+} from "@livepeer/core/media";
diff --git a/packages/core-web/src/media/controls/controller.ts b/packages/core-web/src/media/controls/controller.ts
index 26fd3c1c..dc032a5c 100644
--- a/packages/core-web/src/media/controls/controller.ts
+++ b/packages/core-web/src/media/controls/controller.ts
@@ -1,13 +1,12 @@
-import type { MediaControllerStore } from "@livepeer/core/media";
-
import {
ACCESS_CONTROL_ERROR_MESSAGE,
BFRAMES_ERROR_MESSAGE,
STREAM_OFFLINE_ERROR_MESSAGE,
} from "@livepeer/core/errors";
+import type { MediaControllerStore } from "@livepeer/core/media";
import { warn } from "@livepeer/core/utils";
import type { HlsConfig as HlsJsConfig } from "hls.js";
-import { type HlsError, createNewHls } from "../../hls/hls";
+import { createNewHls, type HlsError } from "../../hls/hls";
import { createNewWHEP } from "../../webrtc/whep";
import {
addFullscreenEventListener,
@@ -379,10 +378,13 @@ const addEffectsToStore = (
async ({
aspectRatio,
autoPlay,
+ // biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
backoff,
+ // biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
backoffMax,
calculateDelay,
errorCount,
+ // biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
lastError,
hlsConfig,
mounted,
@@ -598,7 +600,10 @@ const addEffectsToStore = (
const mountedChanged = a.mounted !== b.mounted;
const shouldReRender =
- errorCountChanged || lastErrorChanged || sourceChanged || mountedChanged;
+ errorCountChanged ||
+ lastErrorChanged ||
+ sourceChanged ||
+ mountedChanged;
return !shouldReRender;
},
diff --git a/packages/core-web/src/media/metrics.ts b/packages/core-web/src/media/metrics.ts
index 2d237902..05ab1b30 100644
--- a/packages/core-web/src/media/metrics.ts
+++ b/packages/core-web/src/media/metrics.ts
@@ -1,10 +1,10 @@
import {
- type InitialProps,
- type PlaybackError,
- type PlaybackEvent,
addLegacyMediaMetricsToStore,
addMetricsToStore,
createControllerStore,
+ type InitialProps,
+ type PlaybackError,
+ type PlaybackEvent,
} from "@livepeer/core/media";
import { createStorage, noopStorage } from "@livepeer/core/storage";
import { version } from "@livepeer/core/version";
diff --git a/packages/core-web/src/webrtc/shared.ts b/packages/core-web/src/webrtc/shared.ts
index db3e23a8..3c756d31 100644
--- a/packages/core-web/src/webrtc/shared.ts
+++ b/packages/core-web/src/webrtc/shared.ts
@@ -330,6 +330,7 @@ export async function getRedirectUrl(
}
}
return actualRedirectedUrl;
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
return null;
}
diff --git a/packages/core-web/test/mocks.ts b/packages/core-web/test/mocks.ts
index ba88d91c..44a86f44 100644
--- a/packages/core-web/test/mocks.ts
+++ b/packages/core-web/test/mocks.ts
@@ -1,6 +1,5 @@
-import { vi } from "vitest";
-
import crypto from "node:crypto";
+import { vi } from "vitest";
vi.stubGlobal("crypto", { subtle: crypto.webcrypto.subtle });
diff --git a/packages/core/src/crypto.ts b/packages/core/src/crypto.ts
index 98a8f3da..02a6dcd2 100644
--- a/packages/core/src/crypto.ts
+++ b/packages/core/src/crypto.ts
@@ -1,2 +1,2 @@
-export { signAccessJwt, type SignAccessJwtOptions } from "./crypto/jwt";
+export { type SignAccessJwtOptions, signAccessJwt } from "./crypto/jwt";
export { importPKCS8 } from "./crypto/pkcs8";
diff --git a/packages/core/src/errors.ts b/packages/core/src/errors.ts
index 227d05c0..6a1cd848 100644
--- a/packages/core/src/errors.ts
+++ b/packages/core/src/errors.ts
@@ -1,13 +1,13 @@
export {
ACCESS_CONTROL_ERROR_MESSAGE,
BFRAMES_ERROR_MESSAGE,
- NOT_ACCEPTABLE_ERROR_MESSAGE,
- PERMISSIONS_ERROR_MESSAGE,
- STREAM_OFFLINE_ERROR_MESSAGE,
- STREAM_OPEN_ERROR_MESSAGE,
isAccessControlError,
isBframesError,
isNotAcceptableError,
isPermissionsError,
isStreamOfflineError,
+ NOT_ACCEPTABLE_ERROR_MESSAGE,
+ PERMISSIONS_ERROR_MESSAGE,
+ STREAM_OFFLINE_ERROR_MESSAGE,
+ STREAM_OPEN_ERROR_MESSAGE,
} from "./media/errors";
diff --git a/packages/core/src/external.ts b/packages/core/src/external.ts
index d3389fb0..06ab9d30 100644
--- a/packages/core/src/external.ts
+++ b/packages/core/src/external.ts
@@ -1,7 +1,6 @@
export type Address = `0x${string}`;
export type Hash = `0x${string}`;
-export { getIngest, getSrc } from "./media/external";
export type {
CloudflareStreamData,
CloudflareUrlData,
@@ -26,3 +25,4 @@ export type {
LivepeerTypeT,
LivepeerVersion,
} from "./media/external";
+export { getIngest, getSrc } from "./media/external";
diff --git a/packages/core/src/media.ts b/packages/core/src/media.ts
index 16a9d62e..f410fee3 100644
--- a/packages/core/src/media.ts
+++ b/packages/core/src/media.ts
@@ -1,4 +1,3 @@
-export { createControllerStore } from "./media/controller";
export type {
AriaText,
ClipLength,
@@ -15,15 +14,15 @@ export type {
PlaybackError,
PlaybackRate,
} from "./media/controller";
-export { addLegacyMediaMetricsToStore } from "./media/metrics";
+export { createControllerStore } from "./media/controller";
export type {
LegacyMediaMetrics,
LegacyMetricsStatus,
LegacyPlaybackMonitor,
} from "./media/metrics";
-export { addMetricsToStore } from "./media/metrics-new";
+export { addLegacyMediaMetricsToStore } from "./media/metrics";
export type { PlaybackEvent, SessionData } from "./media/metrics-new";
-export { getMediaSourceType } from "./media/src";
+export { addMetricsToStore } from "./media/metrics-new";
export type {
AccessControlParams,
AudioSrc,
@@ -39,6 +38,7 @@ export type {
VideoTrackSelector,
WebRTCSrc,
} from "./media/src";
+export { getMediaSourceType } from "./media/src";
export {
calculateVideoQualityDimensions,
getBoundedVolume,
diff --git a/packages/core/src/media/controller.ts b/packages/core/src/media/controller.ts
index ff4b56ec..194fb74a 100644
--- a/packages/core/src/media/controller.ts
+++ b/packages/core/src/media/controller.ts
@@ -3,10 +3,7 @@ import {
persist,
subscribeWithSelector,
} from "zustand/middleware";
-import { type StoreApi, createStore } from "zustand/vanilla";
-
-import type { ImageSrc, Src, VideoQuality } from "./src";
-
+import { createStore, type StoreApi } from "zustand/vanilla";
import {
isAccessControlError,
isBframesError,
@@ -14,6 +11,7 @@ import {
isPermissionsError,
isStreamOfflineError,
} from "./errors";
+import type { ImageSrc, Src, VideoQuality } from "./src";
import type { ClientStorage } from "./storage";
import {
generateRandomToken,
diff --git a/packages/core/src/media/external.ts b/packages/core/src/media/external.ts
index 908e0c4e..387a9883 100644
--- a/packages/core/src/media/external.ts
+++ b/packages/core/src/media/external.ts
@@ -1,4 +1,4 @@
-import { type Src, getMediaSourceType } from "./src";
+import { getMediaSourceType, type Src } from "./src";
type InternalParsedSrc = {
url: string;
diff --git a/packages/core/src/media/metrics-new.ts b/packages/core/src/media/metrics-new.ts
index 2a90af30..771be9b7 100644
--- a/packages/core/src/media/metrics-new.ts
+++ b/packages/core/src/media/metrics-new.ts
@@ -716,6 +716,7 @@ export function addMetricsToStore(
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,
// indicating the code is running inside an iframe
diff --git a/packages/core/src/media/metrics-utils.test.ts b/packages/core/src/media/metrics-utils.test.ts
index 79dd026c..e45ad49a 100644
--- a/packages/core/src/media/metrics-utils.test.ts
+++ b/packages/core/src/media/metrics-utils.test.ts
@@ -187,6 +187,7 @@ describe("getMetricsReportingPOSTUrl", () => {
const reportingUrls = await Promise.all(
sourceUrls.map(
+ // biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
async ({ playbackId, url }) =>
await getMetricsReportingPOSTUrl({
playbackUrl: url,
diff --git a/packages/core/src/media/metrics.ts b/packages/core/src/media/metrics.ts
index 1112bb35..1590a53b 100644
--- a/packages/core/src/media/metrics.ts
+++ b/packages/core/src/media/metrics.ts
@@ -187,6 +187,7 @@ class Timer {
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,
// indicating the code is running inside an iframe
@@ -530,6 +531,7 @@ export function addLegacyMediaMetricsToStore(
store.getState().__controlsFunctions.setWebsocketMetadata(json);
}
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
console.warn("Failed to parse metadata from websocket.");
}
diff --git a/packages/core/src/media/src.ts b/packages/core/src/media/src.ts
index 542c1022..7be6f4bc 100644
--- a/packages/core/src/media/src.ts
+++ b/packages/core/src/media/src.ts
@@ -1,5 +1,5 @@
import type { ElementSize } from "./controller";
-import { type MimeType, getMimeType } from "./mime";
+import { getMimeType, type MimeType } from "./mime";
type AudioExtension =
| "m4a"
diff --git a/packages/core/src/media/utils.ts b/packages/core/src/media/utils.ts
index 867e34ea..d32a45e4 100644
--- a/packages/core/src/media/utils.ts
+++ b/packages/core/src/media/utils.ts
@@ -2,10 +2,10 @@ import { customAlphabet } from "nanoid";
import type { ClipParams, InitialProps } from "./controller";
import { getPlaybackIdFromSourceUrl } from "./metrics-utils";
import {
+ getMediaSourceType,
type Src,
type VideoQuality,
type VideoTrackSelector,
- getMediaSourceType,
} from "./src";
export const DEFAULT_ASPECT_RATIO = 16 / 9;
diff --git a/packages/core/src/storage.ts b/packages/core/src/storage.ts
index c3d762ae..3fb9daef 100644
--- a/packages/core/src/storage.ts
+++ b/packages/core/src/storage.ts
@@ -1,2 +1,2 @@
-export { createStorage, noopStorage } from "./media/storage";
export type { ClientStorage } from "./media/storage";
+export { createStorage, noopStorage } from "./media/storage";
diff --git a/packages/core/src/utils/omick.ts b/packages/core/src/utils/omick.ts
index d4b9c2f3..546e52bd 100644
--- a/packages/core/src/utils/omick.ts
+++ b/packages/core/src/utils/omick.ts
@@ -18,6 +18,7 @@ export const pick = (
}),
{},
) as Pick;
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
throw new Error("Could not pick keys for object.");
}
@@ -43,6 +44,7 @@ export function omit(
}),
{},
) as Omit;
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
throw new Error("Could not omit keys for object.");
}
diff --git a/packages/core/src/utils/string.ts b/packages/core/src/utils/string.ts
index ca0ccc24..0028bd7d 100644
--- a/packages/core/src/utils/string.ts
+++ b/packages/core/src/utils/string.ts
@@ -4,6 +4,7 @@ export const b64Encode = (input: string): string | null => {
return window?.btoa?.(input) ?? null;
}
return Buffer?.from(input, "binary")?.toString("base64") ?? null;
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
return null;
}
@@ -15,6 +16,7 @@ export const b64Decode = (input: string): string | null => {
return window?.atob?.(input) ?? null;
}
return Buffer?.from(input, "base64")?.toString("binary") ?? null;
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
return null;
}
diff --git a/packages/core/test/utils.ts b/packages/core/test/utils.ts
index fcae71b7..ed147636 100644
--- a/packages/core/test/utils.ts
+++ b/packages/core/test/utils.ts
@@ -1,4 +1,4 @@
-import { type ReadStream, createReadStream, statSync } from "node:fs";
+import { createReadStream, type ReadStream, statSync } from "node:fs";
import { resolve } from "node:path";
export function getSampleVideo(): { file: ReadStream; uploadSize: number } {
diff --git a/packages/react/src/broadcast.tsx b/packages/react/src/broadcast.tsx
index 4c48dde3..426729a2 100644
--- a/packages/react/src/broadcast.tsx
+++ b/packages/react/src/broadcast.tsx
@@ -1,21 +1,30 @@
export {
AudioEnabledIndicator,
- AudioEnabledTrigger,
type AudioEnabledIndicatorProps,
+ AudioEnabledTrigger,
type AudioEnabledTriggerProps,
} from "./broadcast/AudioEnabled";
-export { Root, type BroadcastProps } from "./broadcast/Broadcast";
+export { type BroadcastProps, Root } from "./broadcast/Broadcast";
export { Controls, type ControlsProps } from "./broadcast/Controls";
+export type {
+ BroadcastContextValue,
+ BroadcastScopedProps,
+} from "./broadcast/context";
+export {
+ BroadcastProvider,
+ createBroadcastScope,
+ useBroadcastContext,
+} from "./broadcast/context";
export {
EnabledIndicator,
- EnabledTrigger,
type EnabledIndicatorProps,
+ EnabledTrigger,
type EnabledTriggerProps,
} from "./broadcast/Enabled";
export {
ScreenshareIndicator,
- ScreenshareTrigger,
type ScreenshareIndicatorProps,
+ ScreenshareTrigger,
type ScreenshareTriggerProps,
} from "./broadcast/Screenshare";
export { SourceSelect, type SourceSelectProps } from "./broadcast/SourceSelect";
@@ -26,28 +35,26 @@ export {
export { Video, type VideoProps } from "./broadcast/Video";
export {
VideoEnabledIndicator,
- VideoEnabledTrigger,
type VideoEnabledIndicatorProps,
+ VideoEnabledTrigger,
type VideoEnabledTriggerProps,
} from "./broadcast/VideoEnabled";
-export {
- BroadcastProvider,
- createBroadcastScope,
- useBroadcastContext,
-} from "./broadcast/context";
-export type {
- BroadcastContextValue,
- BroadcastScopedProps,
-} from "./broadcast/context";
export { Container, type ContainerProps } from "./shared/Container";
+export type { MediaContextValue, MediaScopedProps } from "./shared/context";
+export {
+ createMediaScope,
+ MediaProvider,
+ useMediaContext,
+ useStore,
+} from "./shared/context";
export {
ErrorIndicator,
type ErrorIndicatorProps,
} from "./shared/ErrorIndicator";
export {
FullscreenIndicator,
- FullscreenTrigger,
type FullscreenIndicatorProps,
+ FullscreenTrigger,
type FullscreenTriggerProps,
} from "./shared/Fullscreen";
export {
@@ -61,52 +68,45 @@ export {
export { Portal, type PortalProps } from "./shared/Portal";
export {
SelectArrow,
+ type SelectArrowProps,
SelectContent,
+ type SelectContentProps,
SelectGroup,
+ type SelectGroupProps,
SelectIcon,
+ type SelectIconProps,
SelectItem,
SelectItemIndicator,
- SelectItemText,
- SelectLabel,
- SelectPortal,
- SelectRoot,
- SelectScrollDownButton,
- SelectScrollUpButton,
- SelectSeparator,
- SelectTrigger,
- SelectValue,
- SelectViewport,
- type SelectArrowProps,
- type SelectContentProps,
- type SelectGroupProps,
- type SelectIconProps,
type SelectItemIndicatorProps,
type SelectItemProps,
+ SelectItemText,
type SelectItemTextProps,
+ SelectLabel,
type SelectLabelProps,
+ SelectPortal,
type SelectPortalProps,
type SelectProps,
+ SelectRoot,
+ SelectScrollDownButton,
type SelectScrollDownButtonProps,
+ SelectScrollUpButton,
type SelectScrollUpButtonProps,
+ SelectSeparator,
type SelectSeparatorProps,
+ SelectTrigger,
type SelectTriggerProps,
+ SelectValue,
type SelectValueProps,
+ SelectViewport,
type SelectViewportProps,
} from "./shared/Select";
export {
Range,
- Thumb,
- Track,
type RangeProps,
type SliderProps,
+ Thumb,
type ThumbProps,
+ Track,
type TrackProps,
} from "./shared/Slider";
export { Time, type TimeProps } from "./shared/Time";
-export {
- MediaProvider,
- createMediaScope,
- useMediaContext,
- useStore,
-} from "./shared/context";
-export type { MediaContextValue, MediaScopedProps } from "./shared/context";
diff --git a/packages/react/src/broadcast/AudioEnabled.tsx b/packages/react/src/broadcast/AudioEnabled.tsx
index 76804a83..695ab986 100644
--- a/packages/react/src/broadcast/AudioEnabled.tsx
+++ b/packages/react/src/broadcast/AudioEnabled.tsx
@@ -1,12 +1,9 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-
+import { Presence } from "@radix-ui/react-presence";
import React, { useMemo } from "react";
-
import { useStore } from "zustand";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
diff --git a/packages/react/src/broadcast/Broadcast.tsx b/packages/react/src/broadcast/Broadcast.tsx
index 10d564fc..ca61fff7 100644
--- a/packages/react/src/broadcast/Broadcast.tsx
+++ b/packages/react/src/broadcast/Broadcast.tsx
@@ -1,22 +1,22 @@
"use client";
-import React, { useEffect, useRef, type PropsWithChildren } from "react";
-
import {
- type InitialBroadcastProps,
- createBroadcastStore,
- getBroadcastDeviceInfo,
-} from "@livepeer/core-web/broadcast";
-import { getDeviceInfo } from "@livepeer/core-web/browser";
-import {
- type InitialProps,
- type PlaybackEvent,
addLegacyMediaMetricsToStore,
addMetricsToStore,
createControllerStore,
+ type InitialProps,
+ type PlaybackEvent,
} from "@livepeer/core/media";
import { createStorage, noopStorage } from "@livepeer/core/storage";
import { version } from "@livepeer/core/version";
+import {
+ createBroadcastStore,
+ getBroadcastDeviceInfo,
+ type InitialBroadcastProps,
+} from "@livepeer/core-web/broadcast";
+import { getDeviceInfo } from "@livepeer/core-web/browser";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
+import React, { type PropsWithChildren, useEffect, useRef } from "react";
import { MediaProvider, type MediaScopedProps } from "../shared/context";
import { BroadcastProvider, type BroadcastScopedProps } from "./context";
diff --git a/packages/react/src/broadcast/Controls.tsx b/packages/react/src/broadcast/Controls.tsx
index 1eacbf8b..1126165d 100644
--- a/packages/react/src/broadcast/Controls.tsx
+++ b/packages/react/src/broadcast/Controls.tsx
@@ -39,6 +39,7 @@ const Controls = React.forwardRef(
forceMount,
__scopeMedia,
__scopeBroadcast,
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
onClick,
style,
autoHide,
diff --git a/packages/react/src/broadcast/Enabled.tsx b/packages/react/src/broadcast/Enabled.tsx
index 0a5b6800..2f9234bf 100644
--- a/packages/react/src/broadcast/Enabled.tsx
+++ b/packages/react/src/broadcast/Enabled.tsx
@@ -1,12 +1,9 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-
+import { Presence } from "@radix-ui/react-presence";
import React, { useMemo } from "react";
-
import { useStore } from "zustand";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
diff --git a/packages/react/src/broadcast/Screenshare.tsx b/packages/react/src/broadcast/Screenshare.tsx
index 3302253f..cacfe802 100644
--- a/packages/react/src/broadcast/Screenshare.tsx
+++ b/packages/react/src/broadcast/Screenshare.tsx
@@ -1,12 +1,9 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-
+import { Presence } from "@radix-ui/react-presence";
import React, { useMemo } from "react";
-
import { useStore } from "zustand";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
diff --git a/packages/react/src/broadcast/SourceSelect.tsx b/packages/react/src/broadcast/SourceSelect.tsx
index 53b0c158..715fd9b3 100644
--- a/packages/react/src/broadcast/SourceSelect.tsx
+++ b/packages/react/src/broadcast/SourceSelect.tsx
@@ -1,21 +1,19 @@
"use client";
-import * as SelectPrimitive from "../shared/Select";
-
-// biome-ignore lint/style/useImportType: necessary import
-import React, { useCallback } from "react";
-
-import { useStore } from "zustand";
-import type { MediaScopedProps } from "../shared/context";
-
import type {
AudioDeviceId,
MediaDeviceInfoExtended,
} from "@livepeer/core-web/broadcast";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
import { composeEventHandlers } from "@radix-ui/primitive";
import { Presence } from "@radix-ui/react-presence";
+// biome-ignore lint/style/useImportType: necessary import
+import React, { useCallback } from "react";
+import { useStore } from "zustand";
import { useShallow } from "zustand/react/shallow";
+import type { MediaScopedProps } from "../shared/context";
import type * as Radix from "../shared/primitive";
+import * as SelectPrimitive from "../shared/Select";
import { type BroadcastScopedProps, useBroadcastContext } from "./context";
const SOURCE_SELECT_NAME = "SourceSelect";
diff --git a/packages/react/src/broadcast/StatusIndicator.tsx b/packages/react/src/broadcast/StatusIndicator.tsx
index f19ed6a7..d4612375 100644
--- a/packages/react/src/broadcast/StatusIndicator.tsx
+++ b/packages/react/src/broadcast/StatusIndicator.tsx
@@ -1,9 +1,8 @@
"use client";
-import React, { useMemo } from "react";
-
import type { BroadcastStatus } from "@livepeer/core-web/broadcast";
import { Presence } from "@radix-ui/react-presence";
+import React, { useMemo } from "react";
import { useStore } from "zustand";
import { type BroadcastScopedProps, useBroadcastContext } from "../broadcast";
import * as Radix from "../shared/primitive";
diff --git a/packages/react/src/broadcast/Video.tsx b/packages/react/src/broadcast/Video.tsx
index 79a1e87d..f6c3f40f 100644
--- a/packages/react/src/broadcast/Video.tsx
+++ b/packages/react/src/broadcast/Video.tsx
@@ -1,13 +1,11 @@
"use client";
-import React, { useEffect } from "react";
-import { useStore } from "zustand";
-
+import { addBroadcastEventListeners } from "@livepeer/core-web/broadcast";
import { addEventListeners } from "@livepeer/core-web/browser";
import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import React, { useEffect } from "react";
+import { useStore } from "zustand";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
-import { addBroadcastEventListeners } from "@livepeer/core-web/broadcast";
import * as Radix from "../shared/primitive";
import { type BroadcastScopedProps, useBroadcastContext } from "./context";
diff --git a/packages/react/src/broadcast/VideoEnabled.tsx b/packages/react/src/broadcast/VideoEnabled.tsx
index 6ebe4535..63ac75a1 100644
--- a/packages/react/src/broadcast/VideoEnabled.tsx
+++ b/packages/react/src/broadcast/VideoEnabled.tsx
@@ -1,12 +1,9 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-
+import { Presence } from "@radix-ui/react-presence";
import React, { useMemo } from "react";
-
import { useStore } from "zustand";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
diff --git a/packages/react/src/broadcast/context.tsx b/packages/react/src/broadcast/context.tsx
index a817a80b..7c73a22c 100644
--- a/packages/react/src/broadcast/context.tsx
+++ b/packages/react/src/broadcast/context.tsx
@@ -1,7 +1,6 @@
import type { BroadcastStore } from "@livepeer/core-web/broadcast";
-import { createContextScope } from "@radix-ui/react-context";
-
import type { Scope } from "@radix-ui/react-context";
+import { createContextScope } from "@radix-ui/react-context";
const MEDIA_NAME = "Broadcast";
diff --git a/packages/react/src/crypto.ts b/packages/react/src/crypto.ts
index 2fec5212..fa1e2c88 100644
--- a/packages/react/src/crypto.ts
+++ b/packages/react/src/crypto.ts
@@ -1,5 +1,5 @@
export {
importPKCS8,
- signAccessJwt,
type SignAccessJwtOptions,
+ signAccessJwt,
} from "@livepeer/core/crypto";
diff --git a/packages/react/src/external.ts b/packages/react/src/external.ts
index 4b686a04..410c70db 100644
--- a/packages/react/src/external.ts
+++ b/packages/react/src/external.ts
@@ -1,4 +1,3 @@
-export { getIngest, getSrc } from "@livepeer/core";
export type {
CloudflareStreamData,
CloudflareUrlData,
@@ -23,3 +22,4 @@ export type {
LivepeerTypeT,
LivepeerVersion,
} from "@livepeer/core";
+export { getIngest, getSrc } from "@livepeer/core";
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 943e29f6..7826d2ee 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -1,20 +1,3 @@
-export type {
- AudioDeviceId,
- BroadcastAriaText,
- BroadcastControlsState,
- BroadcastDeviceInformation,
- BroadcastState,
- BroadcastStatus,
- BroadcastStore,
- InitialBroadcastProps,
- MediaDeviceIds,
- MediaDeviceInfoExtended,
- VideoDeviceId,
-} from "@livepeer/core-web/broadcast";
-export {
- createControllerStore,
- getMediaSourceType,
-} from "@livepeer/core/media";
export type {
AccessControlParams,
AriaText,
@@ -49,9 +32,26 @@ export type {
VideoTrackSelector,
WebRTCSrc,
} from "@livepeer/core/media";
+export {
+ createControllerStore,
+ getMediaSourceType,
+} from "@livepeer/core/media";
+export type { ClientStorage } from "@livepeer/core/storage";
export {
createStorage,
noopStorage,
} from "@livepeer/core/storage";
-export type { ClientStorage } from "@livepeer/core/storage";
export { version } from "@livepeer/core/version";
+export type {
+ AudioDeviceId,
+ BroadcastAriaText,
+ BroadcastControlsState,
+ BroadcastDeviceInformation,
+ BroadcastState,
+ BroadcastStatus,
+ BroadcastStore,
+ InitialBroadcastProps,
+ MediaDeviceIds,
+ MediaDeviceInfoExtended,
+ VideoDeviceId,
+} from "@livepeer/core-web/broadcast";
diff --git a/packages/react/src/player.tsx b/packages/react/src/player.tsx
index 3cff5bf9..dd5b13f1 100644
--- a/packages/react/src/player.tsx
+++ b/packages/react/src/player.tsx
@@ -12,12 +12,12 @@ export {
type MuteTriggerProps,
} from "./player/MuteTrigger";
export {
- PlayPauseTrigger,
PlayingIndicator,
- type PlayPauseTriggerProps,
type PlayingIndicatorProps,
+ PlayPauseTrigger,
+ type PlayPauseTriggerProps,
} from "./player/Play";
-export { Root, type PlayerProps } from "./player/Player";
+export { type PlayerProps, Root } from "./player/Player";
export {
Poster,
type PosterProps,
@@ -51,14 +51,21 @@ export {
Container,
type ContainerProps,
} from "./shared/Container";
+export type { MediaContextValue, MediaScopedProps } from "./shared/context";
+export {
+ createMediaScope,
+ MediaProvider,
+ useMediaContext,
+ useStore,
+} from "./shared/context";
export {
ErrorIndicator,
type ErrorIndicatorProps,
} from "./shared/ErrorIndicator";
export {
FullscreenIndicator,
- FullscreenTrigger,
type FullscreenIndicatorProps,
+ FullscreenTrigger,
type FullscreenTriggerProps,
} from "./shared/Fullscreen";
export {
@@ -75,48 +82,41 @@ export {
} from "./shared/Portal";
export {
SelectArrow,
- SelectContent,
- SelectGroup,
- SelectIcon,
- SelectItemIndicator,
- SelectItemText,
- SelectLabel,
- SelectPortal,
- SelectScrollDownButton,
- SelectScrollUpButton,
- SelectSeparator,
- SelectTrigger,
- SelectValue,
- SelectViewport,
type SelectArrowProps,
+ SelectContent,
type SelectContentProps,
+ SelectGroup,
type SelectGroupProps,
+ SelectIcon,
type SelectIconProps,
+ SelectItemIndicator,
type SelectItemIndicatorProps,
+ SelectItemText,
type SelectItemTextProps,
+ SelectLabel,
type SelectLabelProps,
+ SelectPortal,
type SelectPortalProps,
+ SelectScrollDownButton,
type SelectScrollDownButtonProps,
+ SelectScrollUpButton,
type SelectScrollUpButtonProps,
+ SelectSeparator,
type SelectSeparatorProps,
+ SelectTrigger,
type SelectTriggerProps,
+ SelectValue,
type SelectValueProps,
+ SelectViewport,
type SelectViewportProps,
} from "./shared/Select";
export {
Range,
- Thumb,
- Track,
type RangeProps,
type SliderProps,
+ Thumb,
type ThumbProps,
+ Track,
type TrackProps,
} from "./shared/Slider";
export { Time, type TimeProps } from "./shared/Time";
-export {
- MediaProvider,
- createMediaScope,
- useMediaContext,
- useStore,
-} from "./shared/context";
-export type { MediaContextValue, MediaScopedProps } from "./shared/context";
diff --git a/packages/react/src/player/ClipTrigger.tsx b/packages/react/src/player/ClipTrigger.tsx
index 86562433..c1bad80a 100644
--- a/packages/react/src/player/ClipTrigger.tsx
+++ b/packages/react/src/player/ClipTrigger.tsx
@@ -1,14 +1,13 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-import * as Radix from "../shared/primitive";
+import { Presence } from "@radix-ui/react-presence";
import React, { useEffect } from "react";
-
-import { Presence } from "@radix-ui/react-presence";
import { useStore } from "zustand";
import { useShallow } from "zustand/react/shallow";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
+import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
const CLIP_TRIGGER_NAME = "ClipTrigger";
diff --git a/packages/react/src/player/Controls.tsx b/packages/react/src/player/Controls.tsx
index 4f2eeb73..7fe3e3be 100644
--- a/packages/react/src/player/Controls.tsx
+++ b/packages/react/src/player/Controls.tsx
@@ -1,12 +1,9 @@
"use client";
+import { composeEventHandlers } from "@radix-ui/primitive";
import { Presence } from "@radix-ui/react-presence";
-
import React, { useEffect, useMemo } from "react";
-
import { useStore } from "zustand";
-
-import { composeEventHandlers } from "@radix-ui/primitive";
import { useShallow } from "zustand/react/shallow";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
diff --git a/packages/react/src/player/LiveIndicator.tsx b/packages/react/src/player/LiveIndicator.tsx
index 5f9694b0..027a9bf7 100644
--- a/packages/react/src/player/LiveIndicator.tsx
+++ b/packages/react/src/player/LiveIndicator.tsx
@@ -1,8 +1,7 @@
"use client";
-import React, { useMemo } from "react";
-
import { Presence } from "@radix-ui/react-presence";
+import React, { useMemo } from "react";
import { useStore } from "zustand";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
diff --git a/packages/react/src/player/MuteTrigger.tsx b/packages/react/src/player/MuteTrigger.tsx
index adaaca1a..e789cd7d 100644
--- a/packages/react/src/player/MuteTrigger.tsx
+++ b/packages/react/src/player/MuteTrigger.tsx
@@ -5,9 +5,8 @@ import { composeEventHandlers } from "@radix-ui/primitive";
import React from "react";
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
diff --git a/packages/react/src/player/Play.tsx b/packages/react/src/player/Play.tsx
index 9677ca37..af1394c4 100644
--- a/packages/react/src/player/Play.tsx
+++ b/packages/react/src/player/Play.tsx
@@ -1,14 +1,11 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-
-import React, { useMemo } from "react";
-
import { Presence } from "@radix-ui/react-presence";
+import React, { useMemo } from "react";
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
diff --git a/packages/react/src/player/Player.tsx b/packages/react/src/player/Player.tsx
index cad66335..22d05a07 100644
--- a/packages/react/src/player/Player.tsx
+++ b/packages/react/src/player/Player.tsx
@@ -1,19 +1,17 @@
"use client";
-import { getDeviceInfo } from "@livepeer/core-web/browser";
-
-import React, { useEffect, useRef, type PropsWithChildren } from "react";
-
+import type { PlaybackEvent } from "@livepeer/core/media";
import {
- type InitialProps,
- type Src,
addLegacyMediaMetricsToStore,
addMetricsToStore,
createControllerStore,
+ type InitialProps,
+ type Src,
} from "@livepeer/core/media";
-import type { PlaybackEvent } from "@livepeer/core/media";
import { createStorage, noopStorage } from "@livepeer/core/storage";
import { version } from "@livepeer/core/version";
+import { getDeviceInfo } from "@livepeer/core-web/browser";
+import React, { type PropsWithChildren, useEffect, useRef } from "react";
import { MediaProvider, type MediaScopedProps } from "../shared/context";
interface PlayerProps
diff --git a/packages/react/src/player/Poster.tsx b/packages/react/src/player/Poster.tsx
index 02f99bd0..59e15ff0 100644
--- a/packages/react/src/player/Poster.tsx
+++ b/packages/react/src/player/Poster.tsx
@@ -1,8 +1,7 @@
"use client";
-import React from "react";
-
import { Presence } from "@radix-ui/react-presence";
+import React from "react";
import { useStore } from "zustand";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
diff --git a/packages/react/src/player/RateSelect.tsx b/packages/react/src/player/RateSelect.tsx
index 6a38ed5a..c45540ef 100644
--- a/packages/react/src/player/RateSelect.tsx
+++ b/packages/react/src/player/RateSelect.tsx
@@ -1,17 +1,14 @@
"use client";
-import * as SelectPrimitive from "../shared/Select";
-
+import type { PlaybackRate } from "@livepeer/core/media";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
+import { composeEventHandlers } from "@radix-ui/primitive";
import React, { useCallback } from "react";
-
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
-import { composeEventHandlers } from "@radix-ui/primitive";
import { useShallow } from "zustand/react/shallow";
-
-import type { PlaybackRate } from "@livepeer/core/media";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import type * as Radix from "../shared/primitive";
+import * as SelectPrimitive from "../shared/Select";
/**
* RateSelect
@@ -23,6 +20,7 @@ interface RateSelectProps
extends Radix.ComponentPropsWithoutRef {}
const RateSelect = (props: MediaScopedProps) => {
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
const { __scopeMedia, defaultValue, ...rateSelectProps } = props;
const context = useMediaContext(RATE_SELECT_NAME, __scopeMedia);
diff --git a/packages/react/src/player/Seek.tsx b/packages/react/src/player/Seek.tsx
index cf6b70f8..542244cf 100644
--- a/packages/react/src/player/Seek.tsx
+++ b/packages/react/src/player/Seek.tsx
@@ -1,16 +1,16 @@
"use client";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
import { composeEventHandlers } from "@radix-ui/primitive";
-import * as SliderPrimitive from "../shared/Slider";
+import { Presence } from "@radix-ui/react-presence";
import React, { useCallback } from "react";
import { useStore } from "zustand";
import { useShallow } from "zustand/react/shallow";
-
-import { Presence } from "@radix-ui/react-presence";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
import type * as Radix from "../shared/primitive";
+import * as SliderPrimitive from "../shared/Slider";
import { noPropagate } from "../shared/utils";
const SEEK_NAME = "Seek";
diff --git a/packages/react/src/player/Video.tsx b/packages/react/src/player/Video.tsx
index 56750bd2..29959c34 100644
--- a/packages/react/src/player/Video.tsx
+++ b/packages/react/src/player/Video.tsx
@@ -1,13 +1,11 @@
"use client";
+import { addEventListeners, type HlsConfig } from "@livepeer/core-web/browser";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
import React, { useEffect } from "react";
import { useStore } from "zustand";
-
-import { type HlsConfig, addEventListeners } from "@livepeer/core-web/browser";
-import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
const VIDEO_NAME = "Video";
diff --git a/packages/react/src/player/VideoQualitySelect.tsx b/packages/react/src/player/VideoQualitySelect.tsx
index 9bd1eec4..92c511e5 100644
--- a/packages/react/src/player/VideoQualitySelect.tsx
+++ b/packages/react/src/player/VideoQualitySelect.tsx
@@ -1,16 +1,14 @@
"use client";
-import * as SelectPrimitive from "../shared/Select";
-
-import React, { useCallback } from "react";
-
-import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
import type { VideoQuality } from "@livepeer/core/media";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
import { composeEventHandlers } from "@radix-ui/primitive";
+import React, { useCallback } from "react";
+import { useStore } from "zustand";
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import type * as Radix from "../shared/primitive";
+import * as SelectPrimitive from "../shared/Select";
/**
* VideoQualitySelect
@@ -24,6 +22,7 @@ interface VideoQualitySelectProps
const VideoQualitySelect = (
props: MediaScopedProps,
) => {
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
const { __scopeMedia, defaultValue, ...videoQualitySelectProps } = props;
const context = useMediaContext(VIDEO_QUALITY_SELECT_NAME, __scopeMedia);
diff --git a/packages/react/src/player/Volume.tsx b/packages/react/src/player/Volume.tsx
index 0ca7ba63..306defd7 100644
--- a/packages/react/src/player/Volume.tsx
+++ b/packages/react/src/player/Volume.tsx
@@ -1,18 +1,15 @@
"use client";
+import { warn } from "@livepeer/core/utils";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { Presence } from "@radix-ui/react-presence";
import React, { useCallback, useEffect, useMemo } from "react";
-
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
-
-import { composeEventHandlers } from "@radix-ui/primitive";
import * as SliderPrimitive from "../shared/Slider";
-
-import { warn } from "@livepeer/core/utils";
import { noPropagate } from "../shared/utils";
/**
diff --git a/packages/react/src/shared/Container.tsx b/packages/react/src/shared/Container.tsx
index 8fdc3989..dae490d5 100644
--- a/packages/react/src/shared/Container.tsx
+++ b/packages/react/src/shared/Container.tsx
@@ -1,8 +1,7 @@
"use client";
-import React from "react";
-
import * as RadixAspectRatio from "@radix-ui/react-aspect-ratio";
+import React from "react";
import { useStore } from "zustand";
import { useShallow } from "zustand/react/shallow";
import { type MediaScopedProps, useMediaContext } from "./context";
diff --git a/packages/react/src/shared/ErrorIndicator.tsx b/packages/react/src/shared/ErrorIndicator.tsx
index b602f902..ef012b97 100644
--- a/packages/react/src/shared/ErrorIndicator.tsx
+++ b/packages/react/src/shared/ErrorIndicator.tsx
@@ -1,9 +1,8 @@
"use client";
-import React, { useMemo } from "react";
-
import type { PlaybackError } from "@livepeer/core/media";
import { Presence } from "@radix-ui/react-presence";
+import React, { useMemo } from "react";
import { useStore } from "zustand";
import { type MediaScopedProps, useMediaContext } from "./context";
import * as Radix from "./primitive";
diff --git a/packages/react/src/shared/Fullscreen.tsx b/packages/react/src/shared/Fullscreen.tsx
index c46e7139..9f3eb03c 100644
--- a/packages/react/src/shared/Fullscreen.tsx
+++ b/packages/react/src/shared/Fullscreen.tsx
@@ -1,16 +1,13 @@
"use client";
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { Presence } from "@radix-ui/react-presence";
import React, { useMemo } from "react";
-
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "./context";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "./context";
import * as Radix from "./primitive";
-import { composeEventHandlers } from "@radix-ui/primitive";
-
import { noPropagate } from "./utils";
/**
diff --git a/packages/react/src/shared/LoadingIndicator.tsx b/packages/react/src/shared/LoadingIndicator.tsx
index 958a16df..fbb8a071 100644
--- a/packages/react/src/shared/LoadingIndicator.tsx
+++ b/packages/react/src/shared/LoadingIndicator.tsx
@@ -1,8 +1,7 @@
"use client";
-import React, { useMemo } from "react";
-
import { Presence } from "@radix-ui/react-presence";
+import React, { useMemo } from "react";
import { useStore } from "zustand";
import { type MediaScopedProps, useMediaContext } from "./context";
import * as Radix from "./primitive";
diff --git a/packages/react/src/shared/PictureInPictureTrigger.tsx b/packages/react/src/shared/PictureInPictureTrigger.tsx
index 6fcbda02..bb98a5c2 100644
--- a/packages/react/src/shared/PictureInPictureTrigger.tsx
+++ b/packages/react/src/shared/PictureInPictureTrigger.tsx
@@ -6,9 +6,8 @@ import { Presence } from "@radix-ui/react-presence";
import React from "react";
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "./context";
-
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "./context";
import * as Radix from "./primitive";
import { noPropagate } from "./utils";
diff --git a/packages/react/src/shared/Portal.tsx b/packages/react/src/shared/Portal.tsx
index b23bfa57..b4fe7dcd 100644
--- a/packages/react/src/shared/Portal.tsx
+++ b/packages/react/src/shared/Portal.tsx
@@ -1,10 +1,9 @@
"use client";
+import * as RadixPortal from "@radix-ui/react-portal";
// biome-ignore lint/style/useImportType: necessary import
import React from "react";
-import * as RadixPortal from "@radix-ui/react-portal";
-
const PORTAL_NAME = "Portal";
type PortalProps = React.ComponentPropsWithoutRef;
diff --git a/packages/react/src/shared/Time.tsx b/packages/react/src/shared/Time.tsx
index 2b77e5ae..58e44052 100644
--- a/packages/react/src/shared/Time.tsx
+++ b/packages/react/src/shared/Time.tsx
@@ -3,9 +3,8 @@
import React from "react";
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "./context";
-
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "./context";
import * as Radix from "./primitive";
const TIME_NAME = "Time";
diff --git a/packages/react/src/shared/context.tsx b/packages/react/src/shared/context.tsx
index c5af847c..407c8195 100644
--- a/packages/react/src/shared/context.tsx
+++ b/packages/react/src/shared/context.tsx
@@ -1,9 +1,8 @@
import type { MediaControllerStore } from "@livepeer/core/media";
+import type { Scope } from "@radix-ui/react-context";
import { createContextScope } from "@radix-ui/react-context";
import { useStore as useStoreZustand } from "zustand";
-import type { Scope } from "@radix-ui/react-context";
-
const MEDIA_NAME = "Media";
// biome-ignore lint/complexity/noBannedTypes: allow {}
diff --git a/packages/react/test/index.tsx b/packages/react/test/index.tsx
index f2302482..2fe9ca52 100644
--- a/packages/react/test/index.tsx
+++ b/packages/react/test/index.tsx
@@ -1,8 +1,8 @@
import {
- type Queries,
- type RenderOptions,
render as defaultRender,
+ type Queries,
type queries,
+ type RenderOptions,
} from "@testing-library/react";
import type * as React from "react";
+ {/** biome-ignore lint/nursery/useUniqueElementIds: ignored using `--suppress` */}
diff --git a/examples/with-pubnub/src/components/player/Settings.tsx b/examples/with-pubnub/src/components/player/Settings.tsx
index f09a32a9..687adc06 100644
--- a/examples/with-pubnub/src/components/player/Settings.tsx
+++ b/examples/with-pubnub/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(
(
diff --git a/examples/with-pubnub/src/components/player/actions.ts b/examples/with-pubnub/src/components/player/actions.ts
index 2e7a23d1..e230e960 100644
--- a/examples/with-pubnub/src/components/player/actions.ts
+++ b/examples/with-pubnub/src/components/player/actions.ts
@@ -1,8 +1,8 @@
"use server";
-import { createStreamClip } from "@/lib/livepeer";
import type { ClipPayload } from "livepeer/models/components";
import z from "zod";
+import { createStreamClip } from "@/lib/livepeer";
const isValidUnixTimestamp = (timestamp: number) => {
const now = Date.now();
diff --git a/package.json b/package.json
index 880ed19f..68918082 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
"dev:packages": "dotenv -- turbo dev --filter \"@livepeer/*\"",
"generate": "tsm generate-version.ts && turbo run generate",
"lint": "pnpm dlx @biomejs/biome lint ./ && turbo run lint --filter \"@livepeer/*\"",
- "lint:fix": "pnpm dlx @biomejs/biome check --apply ./",
+ "lint:fix": "pnpm dlx @biomejs/biome check --fix ./",
"list-browsers": "pnpx browserslist && pnpx browserslist --coverage",
"postinstall": "pnpm run generate",
"preinstall": "npx only-allow pnpm",
@@ -51,8 +51,12 @@
"pre-commit": "pnpm lint-staged"
},
"lint-staged": {
- "*.{js,ts,tsx}": ["pnpm lint:fix"],
- "*.{json,md,mdx,yml}": ["pnpm lint:fix"]
+ "*.{js,ts,tsx}": [
+ "pnpm lint:fix"
+ ],
+ "*.{json,md,mdx,yml}": [
+ "pnpm lint:fix"
+ ]
},
"engines": {
"node": ">=16"
diff --git a/packages/core-react/src/crypto.ts b/packages/core-react/src/crypto.ts
index 2fec5212..fa1e2c88 100644
--- a/packages/core-react/src/crypto.ts
+++ b/packages/core-react/src/crypto.ts
@@ -1,5 +1,5 @@
export {
importPKCS8,
- signAccessJwt,
type SignAccessJwtOptions,
+ signAccessJwt,
} from "@livepeer/core/crypto";
diff --git a/packages/core-react/src/index.ts b/packages/core-react/src/index.ts
index 4f899cde..e065344a 100644
--- a/packages/core-react/src/index.ts
+++ b/packages/core-react/src/index.ts
@@ -5,20 +5,16 @@ export type {
export {
ACCESS_CONTROL_ERROR_MESSAGE,
BFRAMES_ERROR_MESSAGE,
- NOT_ACCEPTABLE_ERROR_MESSAGE,
- PERMISSIONS_ERROR_MESSAGE,
- STREAM_OFFLINE_ERROR_MESSAGE,
- STREAM_OPEN_ERROR_MESSAGE,
isAccessControlError,
isBframesError,
isNotAcceptableError,
isPermissionsError,
isStreamOfflineError,
+ NOT_ACCEPTABLE_ERROR_MESSAGE,
+ PERMISSIONS_ERROR_MESSAGE,
+ STREAM_OFFLINE_ERROR_MESSAGE,
+ STREAM_OPEN_ERROR_MESSAGE,
} from "@livepeer/core/errors";
-export {
- createControllerStore,
- getMediaSourceType,
-} from "@livepeer/core/media";
export type {
AccessControlParams,
AriaText,
@@ -53,11 +49,15 @@ export type {
VideoTrackSelector,
WebRTCSrc,
} from "@livepeer/core/media";
+export {
+ createControllerStore,
+ getMediaSourceType,
+} from "@livepeer/core/media";
+export type { ClientStorage } from "@livepeer/core/storage";
export {
createStorage,
noopStorage,
} from "@livepeer/core/storage";
-export type { ClientStorage } from "@livepeer/core/storage";
export {
b64Decode,
b64Encode,
diff --git a/packages/core-react/test/index.tsx b/packages/core-react/test/index.tsx
index f2302482..2fe9ca52 100644
--- a/packages/core-react/test/index.tsx
+++ b/packages/core-react/test/index.tsx
@@ -1,8 +1,8 @@
import {
- type Queries,
- type RenderOptions,
render as defaultRender,
+ type Queries,
type queries,
+ type RenderOptions,
} from "@testing-library/react";
import type * as React from "react";
diff --git a/packages/core-web/src/broadcast.ts b/packages/core-web/src/broadcast.ts
index 2e2418ce..5a6d91b1 100644
--- a/packages/core-web/src/broadcast.ts
+++ b/packages/core-web/src/broadcast.ts
@@ -1,14 +1,13 @@
+import { PERMISSIONS_ERROR_MESSAGE } from "@livepeer/core/errors";
import type { MediaControllerStore } from "@livepeer/core/media";
import type { ClientStorage } from "@livepeer/core/storage";
+import { warn } from "@livepeer/core/utils";
import {
createJSONStorage,
persist,
subscribeWithSelector,
} from "zustand/middleware";
-import { type StoreApi, createStore } from "zustand/vanilla";
-
-import { PERMISSIONS_ERROR_MESSAGE } from "@livepeer/core/errors";
-import { warn } from "@livepeer/core/utils";
+import { createStore, type StoreApi } from "zustand/vanilla";
import { isPictureInPictureSupported } from "./media/controls";
import { getRTCPeerConnectionConstructor } from "./webrtc/shared";
import {
@@ -19,6 +18,7 @@ import {
getDisplayMediaExists,
getMediaDevices,
getUserMedia,
+ // biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
setMediaStreamTracksStatus,
} from "./webrtc/whip";
@@ -311,6 +311,7 @@ export const createBroadcastStore = ({
>(
subscribeWithSelector(
persist(
+ // biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
(set, get) => ({
audio: initialProps?.audio !== false,
video: initialProps?.video !== false,
@@ -1353,6 +1354,7 @@ const addEffectsToStore = (
* @returns MediaStreamTrack A silent audio track
*/
export const createSilentAudioTrack = (): MediaStreamTrack => {
+ // biome-ignore lint/suspicious/noExplicitAny: ignored using `--suppress`
const ctx = new (window.AudioContext || (window as any).webkitAudioContext)();
const oscillator = ctx.createOscillator();
const dst = ctx.createMediaStreamDestination();
diff --git a/packages/core-web/src/external.ts b/packages/core-web/src/external.ts
index 4b686a04..410c70db 100644
--- a/packages/core-web/src/external.ts
+++ b/packages/core-web/src/external.ts
@@ -1,4 +1,3 @@
-export { getIngest, getSrc } from "@livepeer/core";
export type {
CloudflareStreamData,
CloudflareUrlData,
@@ -23,3 +22,4 @@ export type {
LivepeerTypeT,
LivepeerVersion,
} from "@livepeer/core";
+export { getIngest, getSrc } from "@livepeer/core";
diff --git a/packages/core-web/src/hls.ts b/packages/core-web/src/hls.ts
index fb1c61ce..58466f1f 100644
--- a/packages/core-web/src/hls.ts
+++ b/packages/core-web/src/hls.ts
@@ -1,8 +1,8 @@
export {
- VIDEO_HLS_INITIALIZED_ATTRIBUTE,
createNewHls,
- isHlsSupported,
type HlsError,
type HlsVideoConfig,
+ isHlsSupported,
+ VIDEO_HLS_INITIALIZED_ATTRIBUTE,
type VideoConfig,
} from "./hls/hls";
diff --git a/packages/core-web/src/hls/hls.ts b/packages/core-web/src/hls/hls.ts
index 207527c4..2006fd42 100644
--- a/packages/core-web/src/hls/hls.ts
+++ b/packages/core-web/src/hls/hls.ts
@@ -1,9 +1,8 @@
-import Hls, { type ErrorData, type HlsConfig } from "hls.js";
-
import {
- type VideoQuality,
calculateVideoQualityDimensions,
+ type VideoQuality,
} from "@livepeer/core/media";
+import Hls, { type ErrorData, type HlsConfig } from "hls.js";
import { isClient } from "../media/utils";
export const VIDEO_HLS_INITIALIZED_ATTRIBUTE =
@@ -174,7 +173,11 @@ const setQuality = ({
hls,
quality,
aspectRatio,
-}: { hls: Hls | null; quality: VideoQuality; aspectRatio: number }) => {
+}: {
+ hls: Hls | null;
+ quality: VideoQuality;
+ aspectRatio: number;
+}) => {
if (hls) {
const { width } = calculateVideoQualityDimensions(quality, aspectRatio);
diff --git a/packages/core-web/src/index.ts b/packages/core-web/src/index.ts
index 4f899cde..e065344a 100644
--- a/packages/core-web/src/index.ts
+++ b/packages/core-web/src/index.ts
@@ -5,20 +5,16 @@ export type {
export {
ACCESS_CONTROL_ERROR_MESSAGE,
BFRAMES_ERROR_MESSAGE,
- NOT_ACCEPTABLE_ERROR_MESSAGE,
- PERMISSIONS_ERROR_MESSAGE,
- STREAM_OFFLINE_ERROR_MESSAGE,
- STREAM_OPEN_ERROR_MESSAGE,
isAccessControlError,
isBframesError,
isNotAcceptableError,
isPermissionsError,
isStreamOfflineError,
+ NOT_ACCEPTABLE_ERROR_MESSAGE,
+ PERMISSIONS_ERROR_MESSAGE,
+ STREAM_OFFLINE_ERROR_MESSAGE,
+ STREAM_OPEN_ERROR_MESSAGE,
} from "@livepeer/core/errors";
-export {
- createControllerStore,
- getMediaSourceType,
-} from "@livepeer/core/media";
export type {
AccessControlParams,
AriaText,
@@ -53,11 +49,15 @@ export type {
VideoTrackSelector,
WebRTCSrc,
} from "@livepeer/core/media";
+export {
+ createControllerStore,
+ getMediaSourceType,
+} from "@livepeer/core/media";
+export type { ClientStorage } from "@livepeer/core/storage";
export {
createStorage,
noopStorage,
} from "@livepeer/core/storage";
-export type { ClientStorage } from "@livepeer/core/storage";
export {
b64Decode,
b64Encode,
diff --git a/packages/core-web/src/media.ts b/packages/core-web/src/media.ts
index 7408536a..76341642 100644
--- a/packages/core-web/src/media.ts
+++ b/packages/core-web/src/media.ts
@@ -1,7 +1,3 @@
-export {
- createControllerStore,
- getMediaSourceType,
-} from "@livepeer/core/media";
export type {
AccessControlParams,
AriaText,
@@ -36,3 +32,7 @@ export type {
VideoTrackSelector,
WebRTCSrc,
} from "@livepeer/core/media";
+export {
+ createControllerStore,
+ getMediaSourceType,
+} from "@livepeer/core/media";
diff --git a/packages/core-web/src/media/controls/controller.ts b/packages/core-web/src/media/controls/controller.ts
index 26fd3c1c..dc032a5c 100644
--- a/packages/core-web/src/media/controls/controller.ts
+++ b/packages/core-web/src/media/controls/controller.ts
@@ -1,13 +1,12 @@
-import type { MediaControllerStore } from "@livepeer/core/media";
-
import {
ACCESS_CONTROL_ERROR_MESSAGE,
BFRAMES_ERROR_MESSAGE,
STREAM_OFFLINE_ERROR_MESSAGE,
} from "@livepeer/core/errors";
+import type { MediaControllerStore } from "@livepeer/core/media";
import { warn } from "@livepeer/core/utils";
import type { HlsConfig as HlsJsConfig } from "hls.js";
-import { type HlsError, createNewHls } from "../../hls/hls";
+import { createNewHls, type HlsError } from "../../hls/hls";
import { createNewWHEP } from "../../webrtc/whep";
import {
addFullscreenEventListener,
@@ -379,10 +378,13 @@ const addEffectsToStore = (
async ({
aspectRatio,
autoPlay,
+ // biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
backoff,
+ // biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
backoffMax,
calculateDelay,
errorCount,
+ // biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
lastError,
hlsConfig,
mounted,
@@ -598,7 +600,10 @@ const addEffectsToStore = (
const mountedChanged = a.mounted !== b.mounted;
const shouldReRender =
- errorCountChanged || lastErrorChanged || sourceChanged || mountedChanged;
+ errorCountChanged ||
+ lastErrorChanged ||
+ sourceChanged ||
+ mountedChanged;
return !shouldReRender;
},
diff --git a/packages/core-web/src/media/metrics.ts b/packages/core-web/src/media/metrics.ts
index 2d237902..05ab1b30 100644
--- a/packages/core-web/src/media/metrics.ts
+++ b/packages/core-web/src/media/metrics.ts
@@ -1,10 +1,10 @@
import {
- type InitialProps,
- type PlaybackError,
- type PlaybackEvent,
addLegacyMediaMetricsToStore,
addMetricsToStore,
createControllerStore,
+ type InitialProps,
+ type PlaybackError,
+ type PlaybackEvent,
} from "@livepeer/core/media";
import { createStorage, noopStorage } from "@livepeer/core/storage";
import { version } from "@livepeer/core/version";
diff --git a/packages/core-web/src/webrtc/shared.ts b/packages/core-web/src/webrtc/shared.ts
index db3e23a8..3c756d31 100644
--- a/packages/core-web/src/webrtc/shared.ts
+++ b/packages/core-web/src/webrtc/shared.ts
@@ -330,6 +330,7 @@ export async function getRedirectUrl(
}
}
return actualRedirectedUrl;
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
return null;
}
diff --git a/packages/core-web/test/mocks.ts b/packages/core-web/test/mocks.ts
index ba88d91c..44a86f44 100644
--- a/packages/core-web/test/mocks.ts
+++ b/packages/core-web/test/mocks.ts
@@ -1,6 +1,5 @@
-import { vi } from "vitest";
-
import crypto from "node:crypto";
+import { vi } from "vitest";
vi.stubGlobal("crypto", { subtle: crypto.webcrypto.subtle });
diff --git a/packages/core/src/crypto.ts b/packages/core/src/crypto.ts
index 98a8f3da..02a6dcd2 100644
--- a/packages/core/src/crypto.ts
+++ b/packages/core/src/crypto.ts
@@ -1,2 +1,2 @@
-export { signAccessJwt, type SignAccessJwtOptions } from "./crypto/jwt";
+export { type SignAccessJwtOptions, signAccessJwt } from "./crypto/jwt";
export { importPKCS8 } from "./crypto/pkcs8";
diff --git a/packages/core/src/errors.ts b/packages/core/src/errors.ts
index 227d05c0..6a1cd848 100644
--- a/packages/core/src/errors.ts
+++ b/packages/core/src/errors.ts
@@ -1,13 +1,13 @@
export {
ACCESS_CONTROL_ERROR_MESSAGE,
BFRAMES_ERROR_MESSAGE,
- NOT_ACCEPTABLE_ERROR_MESSAGE,
- PERMISSIONS_ERROR_MESSAGE,
- STREAM_OFFLINE_ERROR_MESSAGE,
- STREAM_OPEN_ERROR_MESSAGE,
isAccessControlError,
isBframesError,
isNotAcceptableError,
isPermissionsError,
isStreamOfflineError,
+ NOT_ACCEPTABLE_ERROR_MESSAGE,
+ PERMISSIONS_ERROR_MESSAGE,
+ STREAM_OFFLINE_ERROR_MESSAGE,
+ STREAM_OPEN_ERROR_MESSAGE,
} from "./media/errors";
diff --git a/packages/core/src/external.ts b/packages/core/src/external.ts
index d3389fb0..06ab9d30 100644
--- a/packages/core/src/external.ts
+++ b/packages/core/src/external.ts
@@ -1,7 +1,6 @@
export type Address = `0x${string}`;
export type Hash = `0x${string}`;
-export { getIngest, getSrc } from "./media/external";
export type {
CloudflareStreamData,
CloudflareUrlData,
@@ -26,3 +25,4 @@ export type {
LivepeerTypeT,
LivepeerVersion,
} from "./media/external";
+export { getIngest, getSrc } from "./media/external";
diff --git a/packages/core/src/media.ts b/packages/core/src/media.ts
index 16a9d62e..f410fee3 100644
--- a/packages/core/src/media.ts
+++ b/packages/core/src/media.ts
@@ -1,4 +1,3 @@
-export { createControllerStore } from "./media/controller";
export type {
AriaText,
ClipLength,
@@ -15,15 +14,15 @@ export type {
PlaybackError,
PlaybackRate,
} from "./media/controller";
-export { addLegacyMediaMetricsToStore } from "./media/metrics";
+export { createControllerStore } from "./media/controller";
export type {
LegacyMediaMetrics,
LegacyMetricsStatus,
LegacyPlaybackMonitor,
} from "./media/metrics";
-export { addMetricsToStore } from "./media/metrics-new";
+export { addLegacyMediaMetricsToStore } from "./media/metrics";
export type { PlaybackEvent, SessionData } from "./media/metrics-new";
-export { getMediaSourceType } from "./media/src";
+export { addMetricsToStore } from "./media/metrics-new";
export type {
AccessControlParams,
AudioSrc,
@@ -39,6 +38,7 @@ export type {
VideoTrackSelector,
WebRTCSrc,
} from "./media/src";
+export { getMediaSourceType } from "./media/src";
export {
calculateVideoQualityDimensions,
getBoundedVolume,
diff --git a/packages/core/src/media/controller.ts b/packages/core/src/media/controller.ts
index ff4b56ec..194fb74a 100644
--- a/packages/core/src/media/controller.ts
+++ b/packages/core/src/media/controller.ts
@@ -3,10 +3,7 @@ import {
persist,
subscribeWithSelector,
} from "zustand/middleware";
-import { type StoreApi, createStore } from "zustand/vanilla";
-
-import type { ImageSrc, Src, VideoQuality } from "./src";
-
+import { createStore, type StoreApi } from "zustand/vanilla";
import {
isAccessControlError,
isBframesError,
@@ -14,6 +11,7 @@ import {
isPermissionsError,
isStreamOfflineError,
} from "./errors";
+import type { ImageSrc, Src, VideoQuality } from "./src";
import type { ClientStorage } from "./storage";
import {
generateRandomToken,
diff --git a/packages/core/src/media/external.ts b/packages/core/src/media/external.ts
index 908e0c4e..387a9883 100644
--- a/packages/core/src/media/external.ts
+++ b/packages/core/src/media/external.ts
@@ -1,4 +1,4 @@
-import { type Src, getMediaSourceType } from "./src";
+import { getMediaSourceType, type Src } from "./src";
type InternalParsedSrc = {
url: string;
diff --git a/packages/core/src/media/metrics-new.ts b/packages/core/src/media/metrics-new.ts
index 2a90af30..771be9b7 100644
--- a/packages/core/src/media/metrics-new.ts
+++ b/packages/core/src/media/metrics-new.ts
@@ -716,6 +716,7 @@ export function addMetricsToStore(
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,
// indicating the code is running inside an iframe
diff --git a/packages/core/src/media/metrics-utils.test.ts b/packages/core/src/media/metrics-utils.test.ts
index 79dd026c..e45ad49a 100644
--- a/packages/core/src/media/metrics-utils.test.ts
+++ b/packages/core/src/media/metrics-utils.test.ts
@@ -187,6 +187,7 @@ describe("getMetricsReportingPOSTUrl", () => {
const reportingUrls = await Promise.all(
sourceUrls.map(
+ // biome-ignore lint/correctness/noUnusedFunctionParameters: ignored using `--suppress`
async ({ playbackId, url }) =>
await getMetricsReportingPOSTUrl({
playbackUrl: url,
diff --git a/packages/core/src/media/metrics.ts b/packages/core/src/media/metrics.ts
index 1112bb35..1590a53b 100644
--- a/packages/core/src/media/metrics.ts
+++ b/packages/core/src/media/metrics.ts
@@ -187,6 +187,7 @@ class Timer {
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,
// indicating the code is running inside an iframe
@@ -530,6 +531,7 @@ export function addLegacyMediaMetricsToStore(
store.getState().__controlsFunctions.setWebsocketMetadata(json);
}
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
console.warn("Failed to parse metadata from websocket.");
}
diff --git a/packages/core/src/media/src.ts b/packages/core/src/media/src.ts
index 542c1022..7be6f4bc 100644
--- a/packages/core/src/media/src.ts
+++ b/packages/core/src/media/src.ts
@@ -1,5 +1,5 @@
import type { ElementSize } from "./controller";
-import { type MimeType, getMimeType } from "./mime";
+import { getMimeType, type MimeType } from "./mime";
type AudioExtension =
| "m4a"
diff --git a/packages/core/src/media/utils.ts b/packages/core/src/media/utils.ts
index 867e34ea..d32a45e4 100644
--- a/packages/core/src/media/utils.ts
+++ b/packages/core/src/media/utils.ts
@@ -2,10 +2,10 @@ import { customAlphabet } from "nanoid";
import type { ClipParams, InitialProps } from "./controller";
import { getPlaybackIdFromSourceUrl } from "./metrics-utils";
import {
+ getMediaSourceType,
type Src,
type VideoQuality,
type VideoTrackSelector,
- getMediaSourceType,
} from "./src";
export const DEFAULT_ASPECT_RATIO = 16 / 9;
diff --git a/packages/core/src/storage.ts b/packages/core/src/storage.ts
index c3d762ae..3fb9daef 100644
--- a/packages/core/src/storage.ts
+++ b/packages/core/src/storage.ts
@@ -1,2 +1,2 @@
-export { createStorage, noopStorage } from "./media/storage";
export type { ClientStorage } from "./media/storage";
+export { createStorage, noopStorage } from "./media/storage";
diff --git a/packages/core/src/utils/omick.ts b/packages/core/src/utils/omick.ts
index d4b9c2f3..546e52bd 100644
--- a/packages/core/src/utils/omick.ts
+++ b/packages/core/src/utils/omick.ts
@@ -18,6 +18,7 @@ export const pick = (
}),
{},
) as Pick;
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
throw new Error("Could not pick keys for object.");
}
@@ -43,6 +44,7 @@ export function omit(
}),
{},
) as Omit;
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
throw new Error("Could not omit keys for object.");
}
diff --git a/packages/core/src/utils/string.ts b/packages/core/src/utils/string.ts
index ca0ccc24..0028bd7d 100644
--- a/packages/core/src/utils/string.ts
+++ b/packages/core/src/utils/string.ts
@@ -4,6 +4,7 @@ export const b64Encode = (input: string): string | null => {
return window?.btoa?.(input) ?? null;
}
return Buffer?.from(input, "binary")?.toString("base64") ?? null;
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
return null;
}
@@ -15,6 +16,7 @@ export const b64Decode = (input: string): string | null => {
return window?.atob?.(input) ?? null;
}
return Buffer?.from(input, "base64")?.toString("binary") ?? null;
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
} catch (e) {
return null;
}
diff --git a/packages/core/test/utils.ts b/packages/core/test/utils.ts
index fcae71b7..ed147636 100644
--- a/packages/core/test/utils.ts
+++ b/packages/core/test/utils.ts
@@ -1,4 +1,4 @@
-import { type ReadStream, createReadStream, statSync } from "node:fs";
+import { createReadStream, type ReadStream, statSync } from "node:fs";
import { resolve } from "node:path";
export function getSampleVideo(): { file: ReadStream; uploadSize: number } {
diff --git a/packages/react/src/broadcast.tsx b/packages/react/src/broadcast.tsx
index 4c48dde3..426729a2 100644
--- a/packages/react/src/broadcast.tsx
+++ b/packages/react/src/broadcast.tsx
@@ -1,21 +1,30 @@
export {
AudioEnabledIndicator,
- AudioEnabledTrigger,
type AudioEnabledIndicatorProps,
+ AudioEnabledTrigger,
type AudioEnabledTriggerProps,
} from "./broadcast/AudioEnabled";
-export { Root, type BroadcastProps } from "./broadcast/Broadcast";
+export { type BroadcastProps, Root } from "./broadcast/Broadcast";
export { Controls, type ControlsProps } from "./broadcast/Controls";
+export type {
+ BroadcastContextValue,
+ BroadcastScopedProps,
+} from "./broadcast/context";
+export {
+ BroadcastProvider,
+ createBroadcastScope,
+ useBroadcastContext,
+} from "./broadcast/context";
export {
EnabledIndicator,
- EnabledTrigger,
type EnabledIndicatorProps,
+ EnabledTrigger,
type EnabledTriggerProps,
} from "./broadcast/Enabled";
export {
ScreenshareIndicator,
- ScreenshareTrigger,
type ScreenshareIndicatorProps,
+ ScreenshareTrigger,
type ScreenshareTriggerProps,
} from "./broadcast/Screenshare";
export { SourceSelect, type SourceSelectProps } from "./broadcast/SourceSelect";
@@ -26,28 +35,26 @@ export {
export { Video, type VideoProps } from "./broadcast/Video";
export {
VideoEnabledIndicator,
- VideoEnabledTrigger,
type VideoEnabledIndicatorProps,
+ VideoEnabledTrigger,
type VideoEnabledTriggerProps,
} from "./broadcast/VideoEnabled";
-export {
- BroadcastProvider,
- createBroadcastScope,
- useBroadcastContext,
-} from "./broadcast/context";
-export type {
- BroadcastContextValue,
- BroadcastScopedProps,
-} from "./broadcast/context";
export { Container, type ContainerProps } from "./shared/Container";
+export type { MediaContextValue, MediaScopedProps } from "./shared/context";
+export {
+ createMediaScope,
+ MediaProvider,
+ useMediaContext,
+ useStore,
+} from "./shared/context";
export {
ErrorIndicator,
type ErrorIndicatorProps,
} from "./shared/ErrorIndicator";
export {
FullscreenIndicator,
- FullscreenTrigger,
type FullscreenIndicatorProps,
+ FullscreenTrigger,
type FullscreenTriggerProps,
} from "./shared/Fullscreen";
export {
@@ -61,52 +68,45 @@ export {
export { Portal, type PortalProps } from "./shared/Portal";
export {
SelectArrow,
+ type SelectArrowProps,
SelectContent,
+ type SelectContentProps,
SelectGroup,
+ type SelectGroupProps,
SelectIcon,
+ type SelectIconProps,
SelectItem,
SelectItemIndicator,
- SelectItemText,
- SelectLabel,
- SelectPortal,
- SelectRoot,
- SelectScrollDownButton,
- SelectScrollUpButton,
- SelectSeparator,
- SelectTrigger,
- SelectValue,
- SelectViewport,
- type SelectArrowProps,
- type SelectContentProps,
- type SelectGroupProps,
- type SelectIconProps,
type SelectItemIndicatorProps,
type SelectItemProps,
+ SelectItemText,
type SelectItemTextProps,
+ SelectLabel,
type SelectLabelProps,
+ SelectPortal,
type SelectPortalProps,
type SelectProps,
+ SelectRoot,
+ SelectScrollDownButton,
type SelectScrollDownButtonProps,
+ SelectScrollUpButton,
type SelectScrollUpButtonProps,
+ SelectSeparator,
type SelectSeparatorProps,
+ SelectTrigger,
type SelectTriggerProps,
+ SelectValue,
type SelectValueProps,
+ SelectViewport,
type SelectViewportProps,
} from "./shared/Select";
export {
Range,
- Thumb,
- Track,
type RangeProps,
type SliderProps,
+ Thumb,
type ThumbProps,
+ Track,
type TrackProps,
} from "./shared/Slider";
export { Time, type TimeProps } from "./shared/Time";
-export {
- MediaProvider,
- createMediaScope,
- useMediaContext,
- useStore,
-} from "./shared/context";
-export type { MediaContextValue, MediaScopedProps } from "./shared/context";
diff --git a/packages/react/src/broadcast/AudioEnabled.tsx b/packages/react/src/broadcast/AudioEnabled.tsx
index 76804a83..695ab986 100644
--- a/packages/react/src/broadcast/AudioEnabled.tsx
+++ b/packages/react/src/broadcast/AudioEnabled.tsx
@@ -1,12 +1,9 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-
+import { Presence } from "@radix-ui/react-presence";
import React, { useMemo } from "react";
-
import { useStore } from "zustand";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
diff --git a/packages/react/src/broadcast/Broadcast.tsx b/packages/react/src/broadcast/Broadcast.tsx
index 10d564fc..ca61fff7 100644
--- a/packages/react/src/broadcast/Broadcast.tsx
+++ b/packages/react/src/broadcast/Broadcast.tsx
@@ -1,22 +1,22 @@
"use client";
-import React, { useEffect, useRef, type PropsWithChildren } from "react";
-
import {
- type InitialBroadcastProps,
- createBroadcastStore,
- getBroadcastDeviceInfo,
-} from "@livepeer/core-web/broadcast";
-import { getDeviceInfo } from "@livepeer/core-web/browser";
-import {
- type InitialProps,
- type PlaybackEvent,
addLegacyMediaMetricsToStore,
addMetricsToStore,
createControllerStore,
+ type InitialProps,
+ type PlaybackEvent,
} from "@livepeer/core/media";
import { createStorage, noopStorage } from "@livepeer/core/storage";
import { version } from "@livepeer/core/version";
+import {
+ createBroadcastStore,
+ getBroadcastDeviceInfo,
+ type InitialBroadcastProps,
+} from "@livepeer/core-web/broadcast";
+import { getDeviceInfo } from "@livepeer/core-web/browser";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
+import React, { type PropsWithChildren, useEffect, useRef } from "react";
import { MediaProvider, type MediaScopedProps } from "../shared/context";
import { BroadcastProvider, type BroadcastScopedProps } from "./context";
diff --git a/packages/react/src/broadcast/Controls.tsx b/packages/react/src/broadcast/Controls.tsx
index 1eacbf8b..1126165d 100644
--- a/packages/react/src/broadcast/Controls.tsx
+++ b/packages/react/src/broadcast/Controls.tsx
@@ -39,6 +39,7 @@ const Controls = React.forwardRef(
forceMount,
__scopeMedia,
__scopeBroadcast,
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
onClick,
style,
autoHide,
diff --git a/packages/react/src/broadcast/Enabled.tsx b/packages/react/src/broadcast/Enabled.tsx
index 0a5b6800..2f9234bf 100644
--- a/packages/react/src/broadcast/Enabled.tsx
+++ b/packages/react/src/broadcast/Enabled.tsx
@@ -1,12 +1,9 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-
+import { Presence } from "@radix-ui/react-presence";
import React, { useMemo } from "react";
-
import { useStore } from "zustand";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
diff --git a/packages/react/src/broadcast/Screenshare.tsx b/packages/react/src/broadcast/Screenshare.tsx
index 3302253f..cacfe802 100644
--- a/packages/react/src/broadcast/Screenshare.tsx
+++ b/packages/react/src/broadcast/Screenshare.tsx
@@ -1,12 +1,9 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-
+import { Presence } from "@radix-ui/react-presence";
import React, { useMemo } from "react";
-
import { useStore } from "zustand";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
diff --git a/packages/react/src/broadcast/SourceSelect.tsx b/packages/react/src/broadcast/SourceSelect.tsx
index 53b0c158..715fd9b3 100644
--- a/packages/react/src/broadcast/SourceSelect.tsx
+++ b/packages/react/src/broadcast/SourceSelect.tsx
@@ -1,21 +1,19 @@
"use client";
-import * as SelectPrimitive from "../shared/Select";
-
-// biome-ignore lint/style/useImportType: necessary import
-import React, { useCallback } from "react";
-
-import { useStore } from "zustand";
-import type { MediaScopedProps } from "../shared/context";
-
import type {
AudioDeviceId,
MediaDeviceInfoExtended,
} from "@livepeer/core-web/broadcast";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
import { composeEventHandlers } from "@radix-ui/primitive";
import { Presence } from "@radix-ui/react-presence";
+// biome-ignore lint/style/useImportType: necessary import
+import React, { useCallback } from "react";
+import { useStore } from "zustand";
import { useShallow } from "zustand/react/shallow";
+import type { MediaScopedProps } from "../shared/context";
import type * as Radix from "../shared/primitive";
+import * as SelectPrimitive from "../shared/Select";
import { type BroadcastScopedProps, useBroadcastContext } from "./context";
const SOURCE_SELECT_NAME = "SourceSelect";
diff --git a/packages/react/src/broadcast/StatusIndicator.tsx b/packages/react/src/broadcast/StatusIndicator.tsx
index f19ed6a7..d4612375 100644
--- a/packages/react/src/broadcast/StatusIndicator.tsx
+++ b/packages/react/src/broadcast/StatusIndicator.tsx
@@ -1,9 +1,8 @@
"use client";
-import React, { useMemo } from "react";
-
import type { BroadcastStatus } from "@livepeer/core-web/broadcast";
import { Presence } from "@radix-ui/react-presence";
+import React, { useMemo } from "react";
import { useStore } from "zustand";
import { type BroadcastScopedProps, useBroadcastContext } from "../broadcast";
import * as Radix from "../shared/primitive";
diff --git a/packages/react/src/broadcast/Video.tsx b/packages/react/src/broadcast/Video.tsx
index 79a1e87d..f6c3f40f 100644
--- a/packages/react/src/broadcast/Video.tsx
+++ b/packages/react/src/broadcast/Video.tsx
@@ -1,13 +1,11 @@
"use client";
-import React, { useEffect } from "react";
-import { useStore } from "zustand";
-
+import { addBroadcastEventListeners } from "@livepeer/core-web/broadcast";
import { addEventListeners } from "@livepeer/core-web/browser";
import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import React, { useEffect } from "react";
+import { useStore } from "zustand";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
-import { addBroadcastEventListeners } from "@livepeer/core-web/broadcast";
import * as Radix from "../shared/primitive";
import { type BroadcastScopedProps, useBroadcastContext } from "./context";
diff --git a/packages/react/src/broadcast/VideoEnabled.tsx b/packages/react/src/broadcast/VideoEnabled.tsx
index 6ebe4535..63ac75a1 100644
--- a/packages/react/src/broadcast/VideoEnabled.tsx
+++ b/packages/react/src/broadcast/VideoEnabled.tsx
@@ -1,12 +1,9 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-
+import { Presence } from "@radix-ui/react-presence";
import React, { useMemo } from "react";
-
import { useStore } from "zustand";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
diff --git a/packages/react/src/broadcast/context.tsx b/packages/react/src/broadcast/context.tsx
index a817a80b..7c73a22c 100644
--- a/packages/react/src/broadcast/context.tsx
+++ b/packages/react/src/broadcast/context.tsx
@@ -1,7 +1,6 @@
import type { BroadcastStore } from "@livepeer/core-web/broadcast";
-import { createContextScope } from "@radix-ui/react-context";
-
import type { Scope } from "@radix-ui/react-context";
+import { createContextScope } from "@radix-ui/react-context";
const MEDIA_NAME = "Broadcast";
diff --git a/packages/react/src/crypto.ts b/packages/react/src/crypto.ts
index 2fec5212..fa1e2c88 100644
--- a/packages/react/src/crypto.ts
+++ b/packages/react/src/crypto.ts
@@ -1,5 +1,5 @@
export {
importPKCS8,
- signAccessJwt,
type SignAccessJwtOptions,
+ signAccessJwt,
} from "@livepeer/core/crypto";
diff --git a/packages/react/src/external.ts b/packages/react/src/external.ts
index 4b686a04..410c70db 100644
--- a/packages/react/src/external.ts
+++ b/packages/react/src/external.ts
@@ -1,4 +1,3 @@
-export { getIngest, getSrc } from "@livepeer/core";
export type {
CloudflareStreamData,
CloudflareUrlData,
@@ -23,3 +22,4 @@ export type {
LivepeerTypeT,
LivepeerVersion,
} from "@livepeer/core";
+export { getIngest, getSrc } from "@livepeer/core";
diff --git a/packages/react/src/index.ts b/packages/react/src/index.ts
index 943e29f6..7826d2ee 100644
--- a/packages/react/src/index.ts
+++ b/packages/react/src/index.ts
@@ -1,20 +1,3 @@
-export type {
- AudioDeviceId,
- BroadcastAriaText,
- BroadcastControlsState,
- BroadcastDeviceInformation,
- BroadcastState,
- BroadcastStatus,
- BroadcastStore,
- InitialBroadcastProps,
- MediaDeviceIds,
- MediaDeviceInfoExtended,
- VideoDeviceId,
-} from "@livepeer/core-web/broadcast";
-export {
- createControllerStore,
- getMediaSourceType,
-} from "@livepeer/core/media";
export type {
AccessControlParams,
AriaText,
@@ -49,9 +32,26 @@ export type {
VideoTrackSelector,
WebRTCSrc,
} from "@livepeer/core/media";
+export {
+ createControllerStore,
+ getMediaSourceType,
+} from "@livepeer/core/media";
+export type { ClientStorage } from "@livepeer/core/storage";
export {
createStorage,
noopStorage,
} from "@livepeer/core/storage";
-export type { ClientStorage } from "@livepeer/core/storage";
export { version } from "@livepeer/core/version";
+export type {
+ AudioDeviceId,
+ BroadcastAriaText,
+ BroadcastControlsState,
+ BroadcastDeviceInformation,
+ BroadcastState,
+ BroadcastStatus,
+ BroadcastStore,
+ InitialBroadcastProps,
+ MediaDeviceIds,
+ MediaDeviceInfoExtended,
+ VideoDeviceId,
+} from "@livepeer/core-web/broadcast";
diff --git a/packages/react/src/player.tsx b/packages/react/src/player.tsx
index 3cff5bf9..dd5b13f1 100644
--- a/packages/react/src/player.tsx
+++ b/packages/react/src/player.tsx
@@ -12,12 +12,12 @@ export {
type MuteTriggerProps,
} from "./player/MuteTrigger";
export {
- PlayPauseTrigger,
PlayingIndicator,
- type PlayPauseTriggerProps,
type PlayingIndicatorProps,
+ PlayPauseTrigger,
+ type PlayPauseTriggerProps,
} from "./player/Play";
-export { Root, type PlayerProps } from "./player/Player";
+export { type PlayerProps, Root } from "./player/Player";
export {
Poster,
type PosterProps,
@@ -51,14 +51,21 @@ export {
Container,
type ContainerProps,
} from "./shared/Container";
+export type { MediaContextValue, MediaScopedProps } from "./shared/context";
+export {
+ createMediaScope,
+ MediaProvider,
+ useMediaContext,
+ useStore,
+} from "./shared/context";
export {
ErrorIndicator,
type ErrorIndicatorProps,
} from "./shared/ErrorIndicator";
export {
FullscreenIndicator,
- FullscreenTrigger,
type FullscreenIndicatorProps,
+ FullscreenTrigger,
type FullscreenTriggerProps,
} from "./shared/Fullscreen";
export {
@@ -75,48 +82,41 @@ export {
} from "./shared/Portal";
export {
SelectArrow,
- SelectContent,
- SelectGroup,
- SelectIcon,
- SelectItemIndicator,
- SelectItemText,
- SelectLabel,
- SelectPortal,
- SelectScrollDownButton,
- SelectScrollUpButton,
- SelectSeparator,
- SelectTrigger,
- SelectValue,
- SelectViewport,
type SelectArrowProps,
+ SelectContent,
type SelectContentProps,
+ SelectGroup,
type SelectGroupProps,
+ SelectIcon,
type SelectIconProps,
+ SelectItemIndicator,
type SelectItemIndicatorProps,
+ SelectItemText,
type SelectItemTextProps,
+ SelectLabel,
type SelectLabelProps,
+ SelectPortal,
type SelectPortalProps,
+ SelectScrollDownButton,
type SelectScrollDownButtonProps,
+ SelectScrollUpButton,
type SelectScrollUpButtonProps,
+ SelectSeparator,
type SelectSeparatorProps,
+ SelectTrigger,
type SelectTriggerProps,
+ SelectValue,
type SelectValueProps,
+ SelectViewport,
type SelectViewportProps,
} from "./shared/Select";
export {
Range,
- Thumb,
- Track,
type RangeProps,
type SliderProps,
+ Thumb,
type ThumbProps,
+ Track,
type TrackProps,
} from "./shared/Slider";
export { Time, type TimeProps } from "./shared/Time";
-export {
- MediaProvider,
- createMediaScope,
- useMediaContext,
- useStore,
-} from "./shared/context";
-export type { MediaContextValue, MediaScopedProps } from "./shared/context";
diff --git a/packages/react/src/player/ClipTrigger.tsx b/packages/react/src/player/ClipTrigger.tsx
index 86562433..c1bad80a 100644
--- a/packages/react/src/player/ClipTrigger.tsx
+++ b/packages/react/src/player/ClipTrigger.tsx
@@ -1,14 +1,13 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-import * as Radix from "../shared/primitive";
+import { Presence } from "@radix-ui/react-presence";
import React, { useEffect } from "react";
-
-import { Presence } from "@radix-ui/react-presence";
import { useStore } from "zustand";
import { useShallow } from "zustand/react/shallow";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
+import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
const CLIP_TRIGGER_NAME = "ClipTrigger";
diff --git a/packages/react/src/player/Controls.tsx b/packages/react/src/player/Controls.tsx
index 4f2eeb73..7fe3e3be 100644
--- a/packages/react/src/player/Controls.tsx
+++ b/packages/react/src/player/Controls.tsx
@@ -1,12 +1,9 @@
"use client";
+import { composeEventHandlers } from "@radix-ui/primitive";
import { Presence } from "@radix-ui/react-presence";
-
import React, { useEffect, useMemo } from "react";
-
import { useStore } from "zustand";
-
-import { composeEventHandlers } from "@radix-ui/primitive";
import { useShallow } from "zustand/react/shallow";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
diff --git a/packages/react/src/player/LiveIndicator.tsx b/packages/react/src/player/LiveIndicator.tsx
index 5f9694b0..027a9bf7 100644
--- a/packages/react/src/player/LiveIndicator.tsx
+++ b/packages/react/src/player/LiveIndicator.tsx
@@ -1,8 +1,7 @@
"use client";
-import React, { useMemo } from "react";
-
import { Presence } from "@radix-ui/react-presence";
+import React, { useMemo } from "react";
import { useStore } from "zustand";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
diff --git a/packages/react/src/player/MuteTrigger.tsx b/packages/react/src/player/MuteTrigger.tsx
index adaaca1a..e789cd7d 100644
--- a/packages/react/src/player/MuteTrigger.tsx
+++ b/packages/react/src/player/MuteTrigger.tsx
@@ -5,9 +5,8 @@ import { composeEventHandlers } from "@radix-ui/primitive";
import React from "react";
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
diff --git a/packages/react/src/player/Play.tsx b/packages/react/src/player/Play.tsx
index 9677ca37..af1394c4 100644
--- a/packages/react/src/player/Play.tsx
+++ b/packages/react/src/player/Play.tsx
@@ -1,14 +1,11 @@
"use client";
import { composeEventHandlers } from "@radix-ui/primitive";
-
-import React, { useMemo } from "react";
-
import { Presence } from "@radix-ui/react-presence";
+import React, { useMemo } from "react";
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
import { noPropagate } from "../shared/utils";
diff --git a/packages/react/src/player/Player.tsx b/packages/react/src/player/Player.tsx
index cad66335..22d05a07 100644
--- a/packages/react/src/player/Player.tsx
+++ b/packages/react/src/player/Player.tsx
@@ -1,19 +1,17 @@
"use client";
-import { getDeviceInfo } from "@livepeer/core-web/browser";
-
-import React, { useEffect, useRef, type PropsWithChildren } from "react";
-
+import type { PlaybackEvent } from "@livepeer/core/media";
import {
- type InitialProps,
- type Src,
addLegacyMediaMetricsToStore,
addMetricsToStore,
createControllerStore,
+ type InitialProps,
+ type Src,
} from "@livepeer/core/media";
-import type { PlaybackEvent } from "@livepeer/core/media";
import { createStorage, noopStorage } from "@livepeer/core/storage";
import { version } from "@livepeer/core/version";
+import { getDeviceInfo } from "@livepeer/core-web/browser";
+import React, { type PropsWithChildren, useEffect, useRef } from "react";
import { MediaProvider, type MediaScopedProps } from "../shared/context";
interface PlayerProps
diff --git a/packages/react/src/player/Poster.tsx b/packages/react/src/player/Poster.tsx
index 02f99bd0..59e15ff0 100644
--- a/packages/react/src/player/Poster.tsx
+++ b/packages/react/src/player/Poster.tsx
@@ -1,8 +1,7 @@
"use client";
-import React from "react";
-
import { Presence } from "@radix-ui/react-presence";
+import React from "react";
import { useStore } from "zustand";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
diff --git a/packages/react/src/player/RateSelect.tsx b/packages/react/src/player/RateSelect.tsx
index 6a38ed5a..c45540ef 100644
--- a/packages/react/src/player/RateSelect.tsx
+++ b/packages/react/src/player/RateSelect.tsx
@@ -1,17 +1,14 @@
"use client";
-import * as SelectPrimitive from "../shared/Select";
-
+import type { PlaybackRate } from "@livepeer/core/media";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
+import { composeEventHandlers } from "@radix-ui/primitive";
import React, { useCallback } from "react";
-
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
-import { composeEventHandlers } from "@radix-ui/primitive";
import { useShallow } from "zustand/react/shallow";
-
-import type { PlaybackRate } from "@livepeer/core/media";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import type * as Radix from "../shared/primitive";
+import * as SelectPrimitive from "../shared/Select";
/**
* RateSelect
@@ -23,6 +20,7 @@ interface RateSelectProps
extends Radix.ComponentPropsWithoutRef {}
const RateSelect = (props: MediaScopedProps) => {
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
const { __scopeMedia, defaultValue, ...rateSelectProps } = props;
const context = useMediaContext(RATE_SELECT_NAME, __scopeMedia);
diff --git a/packages/react/src/player/Seek.tsx b/packages/react/src/player/Seek.tsx
index cf6b70f8..542244cf 100644
--- a/packages/react/src/player/Seek.tsx
+++ b/packages/react/src/player/Seek.tsx
@@ -1,16 +1,16 @@
"use client";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
import { composeEventHandlers } from "@radix-ui/primitive";
-import * as SliderPrimitive from "../shared/Slider";
+import { Presence } from "@radix-ui/react-presence";
import React, { useCallback } from "react";
import { useStore } from "zustand";
import { useShallow } from "zustand/react/shallow";
-
-import { Presence } from "@radix-ui/react-presence";
import { type MediaScopedProps, useMediaContext } from "../shared/context";
import type * as Radix from "../shared/primitive";
+import * as SliderPrimitive from "../shared/Slider";
import { noPropagate } from "../shared/utils";
const SEEK_NAME = "Seek";
diff --git a/packages/react/src/player/Video.tsx b/packages/react/src/player/Video.tsx
index 56750bd2..29959c34 100644
--- a/packages/react/src/player/Video.tsx
+++ b/packages/react/src/player/Video.tsx
@@ -1,13 +1,11 @@
"use client";
+import { addEventListeners, type HlsConfig } from "@livepeer/core-web/browser";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
import React, { useEffect } from "react";
import { useStore } from "zustand";
-
-import { type HlsConfig, addEventListeners } from "@livepeer/core-web/browser";
-import { useComposedRefs } from "@radix-ui/react-compose-refs";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
const VIDEO_NAME = "Video";
diff --git a/packages/react/src/player/VideoQualitySelect.tsx b/packages/react/src/player/VideoQualitySelect.tsx
index 9bd1eec4..92c511e5 100644
--- a/packages/react/src/player/VideoQualitySelect.tsx
+++ b/packages/react/src/player/VideoQualitySelect.tsx
@@ -1,16 +1,14 @@
"use client";
-import * as SelectPrimitive from "../shared/Select";
-
-import React, { useCallback } from "react";
-
-import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
import type { VideoQuality } from "@livepeer/core/media";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
import { composeEventHandlers } from "@radix-ui/primitive";
+import React, { useCallback } from "react";
+import { useStore } from "zustand";
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import type * as Radix from "../shared/primitive";
+import * as SelectPrimitive from "../shared/Select";
/**
* VideoQualitySelect
@@ -24,6 +22,7 @@ interface VideoQualitySelectProps
const VideoQualitySelect = (
props: MediaScopedProps,
) => {
+ // biome-ignore lint/correctness/noUnusedVariables: ignored using `--suppress`
const { __scopeMedia, defaultValue, ...videoQualitySelectProps } = props;
const context = useMediaContext(VIDEO_QUALITY_SELECT_NAME, __scopeMedia);
diff --git a/packages/react/src/player/Volume.tsx b/packages/react/src/player/Volume.tsx
index 0ca7ba63..306defd7 100644
--- a/packages/react/src/player/Volume.tsx
+++ b/packages/react/src/player/Volume.tsx
@@ -1,18 +1,15 @@
"use client";
+import { warn } from "@livepeer/core/utils";
+// biome-ignore lint/correctness/noUnusedImports: ignored using `--suppress`
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { Presence } from "@radix-ui/react-presence";
import React, { useCallback, useEffect, useMemo } from "react";
-
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "../shared/context";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "../shared/context";
import * as Radix from "../shared/primitive";
-
-import { composeEventHandlers } from "@radix-ui/primitive";
import * as SliderPrimitive from "../shared/Slider";
-
-import { warn } from "@livepeer/core/utils";
import { noPropagate } from "../shared/utils";
/**
diff --git a/packages/react/src/shared/Container.tsx b/packages/react/src/shared/Container.tsx
index 8fdc3989..dae490d5 100644
--- a/packages/react/src/shared/Container.tsx
+++ b/packages/react/src/shared/Container.tsx
@@ -1,8 +1,7 @@
"use client";
-import React from "react";
-
import * as RadixAspectRatio from "@radix-ui/react-aspect-ratio";
+import React from "react";
import { useStore } from "zustand";
import { useShallow } from "zustand/react/shallow";
import { type MediaScopedProps, useMediaContext } from "./context";
diff --git a/packages/react/src/shared/ErrorIndicator.tsx b/packages/react/src/shared/ErrorIndicator.tsx
index b602f902..ef012b97 100644
--- a/packages/react/src/shared/ErrorIndicator.tsx
+++ b/packages/react/src/shared/ErrorIndicator.tsx
@@ -1,9 +1,8 @@
"use client";
-import React, { useMemo } from "react";
-
import type { PlaybackError } from "@livepeer/core/media";
import { Presence } from "@radix-ui/react-presence";
+import React, { useMemo } from "react";
import { useStore } from "zustand";
import { type MediaScopedProps, useMediaContext } from "./context";
import * as Radix from "./primitive";
diff --git a/packages/react/src/shared/Fullscreen.tsx b/packages/react/src/shared/Fullscreen.tsx
index c46e7139..9f3eb03c 100644
--- a/packages/react/src/shared/Fullscreen.tsx
+++ b/packages/react/src/shared/Fullscreen.tsx
@@ -1,16 +1,13 @@
"use client";
+import { composeEventHandlers } from "@radix-ui/primitive";
+import { Presence } from "@radix-ui/react-presence";
import React, { useMemo } from "react";
-
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "./context";
-
-import { Presence } from "@radix-ui/react-presence";
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "./context";
import * as Radix from "./primitive";
-import { composeEventHandlers } from "@radix-ui/primitive";
-
import { noPropagate } from "./utils";
/**
diff --git a/packages/react/src/shared/LoadingIndicator.tsx b/packages/react/src/shared/LoadingIndicator.tsx
index 958a16df..fbb8a071 100644
--- a/packages/react/src/shared/LoadingIndicator.tsx
+++ b/packages/react/src/shared/LoadingIndicator.tsx
@@ -1,8 +1,7 @@
"use client";
-import React, { useMemo } from "react";
-
import { Presence } from "@radix-ui/react-presence";
+import React, { useMemo } from "react";
import { useStore } from "zustand";
import { type MediaScopedProps, useMediaContext } from "./context";
import * as Radix from "./primitive";
diff --git a/packages/react/src/shared/PictureInPictureTrigger.tsx b/packages/react/src/shared/PictureInPictureTrigger.tsx
index 6fcbda02..bb98a5c2 100644
--- a/packages/react/src/shared/PictureInPictureTrigger.tsx
+++ b/packages/react/src/shared/PictureInPictureTrigger.tsx
@@ -6,9 +6,8 @@ import { Presence } from "@radix-ui/react-presence";
import React from "react";
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "./context";
-
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "./context";
import * as Radix from "./primitive";
import { noPropagate } from "./utils";
diff --git a/packages/react/src/shared/Portal.tsx b/packages/react/src/shared/Portal.tsx
index b23bfa57..b4fe7dcd 100644
--- a/packages/react/src/shared/Portal.tsx
+++ b/packages/react/src/shared/Portal.tsx
@@ -1,10 +1,9 @@
"use client";
+import * as RadixPortal from "@radix-ui/react-portal";
// biome-ignore lint/style/useImportType: necessary import
import React from "react";
-import * as RadixPortal from "@radix-ui/react-portal";
-
const PORTAL_NAME = "Portal";
type PortalProps = React.ComponentPropsWithoutRef;
diff --git a/packages/react/src/shared/Time.tsx b/packages/react/src/shared/Time.tsx
index 2b77e5ae..58e44052 100644
--- a/packages/react/src/shared/Time.tsx
+++ b/packages/react/src/shared/Time.tsx
@@ -3,9 +3,8 @@
import React from "react";
import { useStore } from "zustand";
-import { type MediaScopedProps, useMediaContext } from "./context";
-
import { useShallow } from "zustand/react/shallow";
+import { type MediaScopedProps, useMediaContext } from "./context";
import * as Radix from "./primitive";
const TIME_NAME = "Time";
diff --git a/packages/react/src/shared/context.tsx b/packages/react/src/shared/context.tsx
index c5af847c..407c8195 100644
--- a/packages/react/src/shared/context.tsx
+++ b/packages/react/src/shared/context.tsx
@@ -1,9 +1,8 @@
import type { MediaControllerStore } from "@livepeer/core/media";
+import type { Scope } from "@radix-ui/react-context";
import { createContextScope } from "@radix-ui/react-context";
import { useStore as useStoreZustand } from "zustand";
-import type { Scope } from "@radix-ui/react-context";
-
const MEDIA_NAME = "Media";
// biome-ignore lint/complexity/noBannedTypes: allow {}
diff --git a/packages/react/test/index.tsx b/packages/react/test/index.tsx
index f2302482..2fe9ca52 100644
--- a/packages/react/test/index.tsx
+++ b/packages/react/test/index.tsx
@@ -1,8 +1,8 @@
import {
- type Queries,
- type RenderOptions,
render as defaultRender,
+ type Queries,
type queries,
+ type RenderOptions,
} from "@testing-library/react";
import type * as React from "react";