diff --git a/.eslintrc.js b/.eslintrc.js index 3bba5beb..d75c57d9 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -8,27 +8,28 @@ const a11yOff = Object.keys(require("eslint-plugin-jsx-a11y").rules).reduce( module.exports = { env: { - browser: true + browser: true, }, extends: [ "airbnb", "airbnb/hooks", "plugin:@typescript-eslint/recommended", - "prettier", - "plugin:prettier/recommended" + "plugin:prettier/recommended", ], ignorePatterns: ["public/*", "dist/*", "/*.js", "/*.ts"], parser: "@typescript-eslint/parser", parserOptions: { project: "./tsconfig.json", - tsconfigRootDir: "./" + tsconfigRootDir: "./", }, settings: { "import/resolver": { - typescript: {} - } + typescript: { + project: "./tsconfig.json", + }, + }, }, - plugins: ["@typescript-eslint", "import"], + plugins: ["@typescript-eslint", "import", "prettier"], rules: { "react/jsx-uses-react": "off", "react/react-in-jsx-scope": "off", @@ -54,16 +55,44 @@ module.exports = { "@typescript-eslint/no-unused-vars": ["warn", { argsIgnorePattern: "^_" }], "react/jsx-filename-extension": [ "error", - { extensions: [".js", ".tsx", ".jsx"] } + { extensions: [".js", ".tsx", ".jsx"] }, ], "import/extensions": [ "error", "ignorePackages", { ts: "never", - tsx: "never" - } + tsx: "never", + }, ], - ...a11yOff - } + "import/order": [ + "error", + { + groups: [ + "builtin", + "external", + "internal", + ["sibling", "parent"], + "index", + "unknown", + ], + "newlines-between": "always", + alphabetize: { + order: "asc", + caseInsensitive: true, + }, + }, + ], + "sort-imports": [ + "error", + { + ignoreCase: false, + ignoreDeclarationSort: true, + ignoreMemberSort: false, + memberSyntaxSortOrder: ["none", "all", "multiple", "single"], + allowSeparatedGroups: true, + }, + ], + ...a11yOff, + }, }; diff --git a/index.html b/index.html index 017707bf..23063c5a 100644 --- a/index.html +++ b/index.html @@ -29,6 +29,9 @@ + + + movie-web diff --git a/package.json b/package.json index 817408a2..a4cb6bf2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "movie-web", - "version": "3.0.13", + "version": "3.0.14", "private": true, "homepage": "https://movie-web.app", "dependencies": { @@ -82,7 +82,7 @@ "eslint-config-airbnb": "19.0.4", "eslint-config-prettier": "^8.6.0", "eslint-import-resolver-typescript": "^2.5.0", - "eslint-plugin-import": "^2.25.4", + "eslint-plugin-import": "^2.27.5", "eslint-plugin-jsx-a11y": "^6.5.1", "eslint-plugin-prettier": "^4.2.1", "eslint-plugin-react": "7.29.4", diff --git a/src/__tests__/providers/providers.test.ts b/src/__tests__/providers/providers.test.ts index 079821c9..35c77d5d 100644 --- a/src/__tests__/providers/providers.test.ts +++ b/src/__tests__/providers/providers.test.ts @@ -1,9 +1,10 @@ import { describe, it } from "vitest"; + import "@/backend"; -import { getProviders } from "@/backend/helpers/register"; -import { MWMediaType } from "@/backend/metadata/types"; -import { runProvider } from "@/backend/helpers/run"; import { testData } from "@/__tests__/providers/testdata"; +import { getProviders } from "@/backend/helpers/register"; +import { runProvider } from "@/backend/helpers/run"; +import { MWMediaType } from "@/backend/metadata/types"; describe("providers", () => { const providers = getProviders(); diff --git a/src/backend/embeds/streamm4u.ts b/src/backend/embeds/streamm4u.ts index b28b7ab8..abdc1486 100644 --- a/src/backend/embeds/streamm4u.ts +++ b/src/backend/embeds/streamm4u.ts @@ -1,11 +1,11 @@ import { MWEmbedType } from "@/backend/helpers/embed"; +import { proxiedFetch } from "@/backend/helpers/fetch"; import { registerEmbedScraper } from "@/backend/helpers/register"; import { + MWEmbedStream, MWStreamQuality, MWStreamType, - MWEmbedStream, } from "@/backend/helpers/streams"; -import { proxiedFetch } from "@/backend/helpers/fetch"; const HOST = "streamm4u.club"; const URL_BASE = `https://${HOST}`; diff --git a/src/backend/helpers/captions.ts b/src/backend/helpers/captions.ts index b5e40108..c50b8e1c 100644 --- a/src/backend/helpers/captions.ts +++ b/src/backend/helpers/captions.ts @@ -1,8 +1,9 @@ +import DOMPurify from "dompurify"; +import { detect, list, parse } from "subsrt-ts"; +import { ContentCaption } from "subsrt-ts/dist/types/handler"; + import { mwFetch, proxiedFetch } from "@/backend/helpers/fetch"; import { MWCaption } from "@/backend/helpers/streams"; -import DOMPurify from "dompurify"; -import { parse, detect, list } from "subsrt-ts"; -import { ContentCaption } from "subsrt-ts/dist/types/handler"; export const customCaption = "external-custom"; export function makeCaptionId(caption: MWCaption, isLinked: boolean): string { diff --git a/src/backend/helpers/fetch.ts b/src/backend/helpers/fetch.ts index 393ff7f8..9ed16b7c 100644 --- a/src/backend/helpers/fetch.ts +++ b/src/backend/helpers/fetch.ts @@ -1,6 +1,7 @@ -import { conf } from "@/setup/config"; import { ofetch } from "ofetch"; +import { conf } from "@/setup/config"; + let proxyUrlIndex = Math.floor(Math.random() * conf().PROXY_URLS.length); // round robins all proxy urls diff --git a/src/backend/helpers/provider.ts b/src/backend/helpers/provider.ts index 95f5e374..6eed4560 100644 --- a/src/backend/helpers/provider.ts +++ b/src/backend/helpers/provider.ts @@ -1,7 +1,7 @@ -import { DetailedMeta } from "../metadata/getmeta"; -import { MWMediaType } from "../metadata/types"; import { MWEmbed } from "./embed"; import { MWStream } from "./streams"; +import { DetailedMeta } from "../metadata/getmeta"; +import { MWMediaType } from "../metadata/types"; export type MWProviderScrapeResult = { stream?: MWStream; diff --git a/src/backend/metadata/getmeta.ts b/src/backend/metadata/getmeta.ts index c0c9e92c..215448e5 100644 --- a/src/backend/metadata/getmeta.ts +++ b/src/backend/metadata/getmeta.ts @@ -1,13 +1,14 @@ import { FetchError } from "ofetch"; -import { makeUrl, proxiedFetch } from "../helpers/fetch"; + import { - formatJWMeta, JWMediaResult, JWSeasonMetaResult, JW_API_BASE, + formatJWMeta, mediaTypeToJW, } from "./justwatch"; import { MWMediaMeta, MWMediaType } from "./types"; +import { makeUrl, proxiedFetch } from "../helpers/fetch"; type JWExternalIdType = | "eidr" diff --git a/src/backend/metadata/search.ts b/src/backend/metadata/search.ts index 1c3c4598..10cbb285 100644 --- a/src/backend/metadata/search.ts +++ b/src/backend/metadata/search.ts @@ -1,13 +1,14 @@ import { SimpleCache } from "@/utils/cache"; -import { proxiedFetch } from "../helpers/fetch"; + import { - formatJWMeta, JWContentTypes, JWMediaResult, JW_API_BASE, + formatJWMeta, mediaTypeToJW, } from "./justwatch"; import { MWMediaMeta, MWQuery } from "./types"; +import { proxiedFetch } from "../helpers/fetch"; const cache = new SimpleCache(); cache.setCompare((a, b) => { diff --git a/src/backend/providers/flixhq.ts b/src/backend/providers/flixhq.ts index d9440213..fb5a0bb1 100644 --- a/src/backend/providers/flixhq.ts +++ b/src/backend/providers/flixhq.ts @@ -1,4 +1,5 @@ import { compareTitle } from "@/utils/titleMatch"; + import { proxiedFetch } from "../helpers/fetch"; import { registerProvider } from "../helpers/register"; import { diff --git a/src/backend/providers/gdriveplayer.ts b/src/backend/providers/gdriveplayer.ts index a2a0063d..2023b67d 100644 --- a/src/backend/providers/gdriveplayer.ts +++ b/src/backend/providers/gdriveplayer.ts @@ -1,9 +1,10 @@ -import { unpack } from "unpacker"; import CryptoJS from "crypto-js"; +import { unpack } from "unpacker"; import { registerProvider } from "@/backend/helpers/register"; -import { MWMediaType } from "@/backend/metadata/types"; import { MWStreamQuality } from "@/backend/helpers/streams"; +import { MWMediaType } from "@/backend/metadata/types"; + import { proxiedFetch } from "../helpers/fetch"; const format = { diff --git a/src/backend/providers/m4ufree.ts b/src/backend/providers/m4ufree.ts index f4e79f5b..0fe5303d 100644 --- a/src/backend/providers/m4ufree.ts +++ b/src/backend/providers/m4ufree.ts @@ -1,4 +1,5 @@ import { MWEmbed, MWEmbedType } from "@/backend/helpers/embed"; + import { proxiedFetch } from "../helpers/fetch"; import { registerProvider } from "../helpers/register"; import { MWMediaType } from "../metadata/types"; diff --git a/src/backend/providers/superstream/index.ts b/src/backend/providers/superstream/index.ts index 3c499739..bf9ce9dd 100644 --- a/src/backend/providers/superstream/index.ts +++ b/src/backend/providers/superstream/index.ts @@ -1,15 +1,15 @@ -import { registerProvider } from "@/backend/helpers/register"; -import { MWMediaType } from "@/backend/metadata/types"; - -import { customAlphabet } from "nanoid"; import CryptoJS from "crypto-js"; +import { customAlphabet } from "nanoid"; + import { proxiedFetch } from "@/backend/helpers/fetch"; +import { registerProvider } from "@/backend/helpers/register"; import { MWCaption, MWCaptionType, MWStreamQuality, MWStreamType, } from "@/backend/helpers/streams"; +import { MWMediaType } from "@/backend/metadata/types"; import { compareTitle } from "@/utils/titleMatch"; const nanoid = customAlphabet("0123456789abcdef", 32); diff --git a/src/components/Button.tsx b/src/components/Button.tsx index 9a74f84d..eefeef01 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -1,6 +1,7 @@ -import { Icon, Icons } from "@/components/Icon"; import { ReactNode } from "react"; +import { Icon, Icons } from "@/components/Icon"; + interface Props { icon?: Icons; onClick?: () => void; diff --git a/src/components/CaptionColorSelector.tsx b/src/components/CaptionColorSelector.tsx index 3d286f78..7df66320 100644 --- a/src/components/CaptionColorSelector.tsx +++ b/src/components/CaptionColorSelector.tsx @@ -1,4 +1,5 @@ import { useSettings } from "@/state/settings"; + import { Icon, Icons } from "./Icon"; export const colors = ["#ffffff", "#00ffff", "#ffff00"]; diff --git a/src/components/Dropdown.tsx b/src/components/Dropdown.tsx index 9321e1fe..e2fac636 100644 --- a/src/components/Dropdown.tsx +++ b/src/components/Dropdown.tsx @@ -1,6 +1,6 @@ +import { Listbox, Transition } from "@headlessui/react"; import React, { Fragment } from "react"; -import { Listbox, Transition } from "@headlessui/react"; import { Icon, Icons } from "@/components/Icon"; export interface OptionItem { diff --git a/src/components/Overlay.tsx b/src/components/Overlay.tsx index 83e61f8f..2129f68d 100644 --- a/src/components/Overlay.tsx +++ b/src/components/Overlay.tsx @@ -1,6 +1,7 @@ -import { Transition } from "@/components/Transition"; import { Helmet } from "react-helmet"; +import { Transition } from "@/components/Transition"; + export function Overlay(props: { children: React.ReactNode }) { return ( <> diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx index 2b937549..2513e409 100644 --- a/src/components/SearchBar.tsx +++ b/src/components/SearchBar.tsx @@ -1,6 +1,8 @@ -import { MWMediaType, MWQuery } from "@/backend/metadata/types"; import { useState } from "react"; import { useTranslation } from "react-i18next"; + +import { MWMediaType, MWQuery } from "@/backend/metadata/types"; + import { DropdownButton } from "./buttons/DropdownButton"; import { Icon, Icons } from "./Icon"; import { TextInputControl } from "./text-inputs/TextInputControl"; diff --git a/src/components/Transition.tsx b/src/components/Transition.tsx index f7d0d533..b46df9b1 100644 --- a/src/components/Transition.tsx +++ b/src/components/Transition.tsx @@ -1,8 +1,8 @@ -import { Fragment, ReactNode } from "react"; import { Transition as HeadlessTransition, TransitionClasses, } from "@headlessui/react"; +import { Fragment, ReactNode } from "react"; type TransitionAnimations = | "slide-down" diff --git a/src/components/buttons/DropdownButton.tsx b/src/components/buttons/DropdownButton.tsx index a49403e8..8e252231 100644 --- a/src/components/buttons/DropdownButton.tsx +++ b/src/components/buttons/DropdownButton.tsx @@ -4,10 +4,11 @@ import React, { useEffect, useState, } from "react"; -import { Icon, Icons } from "@/components/Icon"; +import { Icon, Icons } from "@/components/Icon"; import { BackdropContainer, useBackdrop } from "@/components/layout/Backdrop"; -import { ButtonControlProps, ButtonControl } from "./ButtonControl"; + +import { ButtonControl, ButtonControlProps } from "./ButtonControl"; export interface OptionItem { id: string; diff --git a/src/components/buttons/EditButton.tsx b/src/components/buttons/EditButton.tsx index bcdd3cfd..4571af10 100644 --- a/src/components/buttons/EditButton.tsx +++ b/src/components/buttons/EditButton.tsx @@ -1,7 +1,9 @@ -import { Icon, Icons } from "@/components/Icon"; import { useAutoAnimate } from "@formkit/auto-animate/react"; import { useCallback } from "react"; import { useTranslation } from "react-i18next"; + +import { Icon, Icons } from "@/components/Icon"; + import { ButtonControl } from "./ButtonControl"; export interface EditButtonProps { diff --git a/src/components/buttons/IconButton.tsx b/src/components/buttons/IconButton.tsx index b247a440..0a33a878 100644 --- a/src/components/buttons/IconButton.tsx +++ b/src/components/buttons/IconButton.tsx @@ -1,5 +1,6 @@ import { Icon, Icons } from "@/components/Icon"; -import { ButtonControlProps, ButtonControl } from "./ButtonControl"; + +import { ButtonControl, ButtonControlProps } from "./ButtonControl"; export interface IconButtonProps extends ButtonControlProps { icon: Icons; diff --git a/src/components/layout/Backdrop.tsx b/src/components/layout/Backdrop.tsx index 57719e29..7e022347 100644 --- a/src/components/layout/Backdrop.tsx +++ b/src/components/layout/Backdrop.tsx @@ -1,5 +1,6 @@ import React, { createRef, useEffect, useState } from "react"; import { createPortal } from "react-dom"; + import { useFade } from "@/hooks/useFade"; interface BackdropProps { diff --git a/src/components/layout/BrandPill.tsx b/src/components/layout/BrandPill.tsx index 45fe75e2..3c7e1fea 100644 --- a/src/components/layout/BrandPill.tsx +++ b/src/components/layout/BrandPill.tsx @@ -1,4 +1,5 @@ import { useTranslation } from "react-i18next"; + import { Icon, Icons } from "@/components/Icon"; export function BrandPill(props: { diff --git a/src/components/layout/ErrorBoundary.tsx b/src/components/layout/ErrorBoundary.tsx index bde7c11d..645a4a9e 100644 --- a/src/components/layout/ErrorBoundary.tsx +++ b/src/components/layout/ErrorBoundary.tsx @@ -1,10 +1,11 @@ import { Component } from "react"; +import { Trans, useTranslation } from "react-i18next"; + import { IconPatch } from "@/components/buttons/IconPatch"; import { Icons } from "@/components/Icon"; import { Link } from "@/components/text/Link"; import { Title } from "@/components/text/Title"; import { conf } from "@/setup/config"; -import { Trans, useTranslation } from "react-i18next"; interface ErrorShowcaseProps { error: { diff --git a/src/components/layout/Modal.tsx b/src/components/layout/Modal.tsx index b3e7a22e..11ed75b7 100644 --- a/src/components/layout/Modal.tsx +++ b/src/components/layout/Modal.tsx @@ -1,8 +1,9 @@ -import { Overlay } from "@/components/Overlay"; -import { Transition } from "@/components/Transition"; import { ReactNode } from "react"; import { createPortal } from "react-dom"; +import { Overlay } from "@/components/Overlay"; +import { Transition } from "@/components/Transition"; + interface Props { show: boolean; children?: ReactNode; diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx index 836c6206..df6d464b 100644 --- a/src/components/layout/Navigation.tsx +++ b/src/components/layout/Navigation.tsx @@ -1,10 +1,12 @@ import { ReactNode, useState } from "react"; import { Link } from "react-router-dom"; + import { IconPatch } from "@/components/buttons/IconPatch"; import { Icons } from "@/components/Icon"; -import { conf } from "@/setup/config"; import { useBannerSize } from "@/hooks/useBanner"; +import { conf } from "@/setup/config"; import SettingsModal from "@/views/SettingsModal"; + import { BrandPill } from "./BrandPill"; export interface NavigationProps { diff --git a/src/components/layout/SectionHeading.tsx b/src/components/layout/SectionHeading.tsx index fda60bae..bd57bb2d 100644 --- a/src/components/layout/SectionHeading.tsx +++ b/src/components/layout/SectionHeading.tsx @@ -1,4 +1,5 @@ import { ReactNode } from "react"; + import { Icon, Icons } from "@/components/Icon"; interface SectionHeadingProps { diff --git a/src/components/media/MediaCard.tsx b/src/components/media/MediaCard.tsx index a2e331d4..3769245e 100644 --- a/src/components/media/MediaCard.tsx +++ b/src/components/media/MediaCard.tsx @@ -1,10 +1,12 @@ -import { Link } from "react-router-dom"; import { useTranslation } from "react-i18next"; -import { DotList } from "@/components/text/DotList"; -import { MWMediaMeta } from "@/backend/metadata/types"; +import { Link } from "react-router-dom"; + import { JWMediaToId } from "@/backend/metadata/justwatch"; -import { Icons } from "../Icon"; +import { MWMediaMeta } from "@/backend/metadata/types"; +import { DotList } from "@/components/text/DotList"; + import { IconPatch } from "../buttons/IconPatch"; +import { Icons } from "../Icon"; export interface MediaCardProps { media: MWMediaMeta; diff --git a/src/components/media/WatchedMediaCard.tsx b/src/components/media/WatchedMediaCard.tsx index 935ceb84..346c77b6 100644 --- a/src/components/media/WatchedMediaCard.tsx +++ b/src/components/media/WatchedMediaCard.tsx @@ -1,6 +1,8 @@ +import { useMemo } from "react"; + import { MWMediaMeta } from "@/backend/metadata/types"; import { useWatchedContext } from "@/state/watched"; -import { useMemo } from "react"; + import { MediaCard } from "./MediaCard"; export interface WatchedMediaCardProps { diff --git a/src/components/popout/FloatingCard.tsx b/src/components/popout/FloatingCard.tsx index c132c99c..5a837d01 100644 --- a/src/components/popout/FloatingCard.tsx +++ b/src/components/popout/FloatingCard.tsx @@ -1,12 +1,14 @@ +import { animated, easings, useSpringValue } from "@react-spring/web"; +import { ReactNode, useCallback, useEffect, useRef, useState } from "react"; import { useTranslation } from "react-i18next"; + import { FloatingCardAnchorPosition } from "@/components/popout/positions/FloatingCardAnchorPosition"; import { FloatingCardMobilePosition } from "@/components/popout/positions/FloatingCardMobilePosition"; import { useIsMobile } from "@/hooks/useIsMobile"; import { PopoutSection } from "@/video/components/popouts/PopoutUtils"; -import { useSpringValue, animated, easings } from "@react-spring/web"; -import { ReactNode, useCallback, useEffect, useRef, useState } from "react"; -import { Icon, Icons } from "../Icon"; + import { FloatingDragHandle, MobilePopoutSpacer } from "./FloatingDragHandle"; +import { Icon, Icons } from "../Icon"; interface FloatingCardProps { children?: ReactNode; diff --git a/src/components/popout/FloatingContainer.tsx b/src/components/popout/FloatingContainer.tsx index 0735d912..73c6f31f 100644 --- a/src/components/popout/FloatingContainer.tsx +++ b/src/components/popout/FloatingContainer.tsx @@ -1,4 +1,3 @@ -import { Transition } from "@/components/Transition"; import React, { ReactNode, useCallback, @@ -8,6 +7,8 @@ import React, { } from "react"; import { createPortal } from "react-dom"; +import { Transition } from "@/components/Transition"; + interface Props { children?: ReactNode; onClose?: () => void; diff --git a/src/components/popout/FloatingView.tsx b/src/components/popout/FloatingView.tsx index 4c21f136..d9986318 100644 --- a/src/components/popout/FloatingView.tsx +++ b/src/components/popout/FloatingView.tsx @@ -1,6 +1,7 @@ +import { ReactNode } from "react"; + import { Transition } from "@/components/Transition"; import { useIsMobile } from "@/hooks/useIsMobile"; -import { ReactNode } from "react"; interface Props { children?: ReactNode; diff --git a/src/components/popout/positions/FloatingCardAnchorPosition.tsx b/src/components/popout/positions/FloatingCardAnchorPosition.tsx index 4e022834..b3041b6d 100644 --- a/src/components/popout/positions/FloatingCardAnchorPosition.tsx +++ b/src/components/popout/positions/FloatingCardAnchorPosition.tsx @@ -1,6 +1,7 @@ -import { createFloatingAnchorEvent } from "@/components/popout/FloatingAnchor"; import { ReactNode, useCallback, useEffect, useRef, useState } from "react"; +import { createFloatingAnchorEvent } from "@/components/popout/FloatingAnchor"; + interface AnchorPositionProps { children?: ReactNode; id: string; diff --git a/src/components/popout/positions/FloatingCardMobilePosition.tsx b/src/components/popout/positions/FloatingCardMobilePosition.tsx index dece3ccc..d4a7f518 100644 --- a/src/components/popout/positions/FloatingCardMobilePosition.tsx +++ b/src/components/popout/positions/FloatingCardMobilePosition.tsx @@ -1,4 +1,4 @@ -import { useSpring, animated, config } from "@react-spring/web"; +import { animated, config, useSpring } from "@react-spring/web"; import { useDrag } from "@use-gesture/react"; import { ReactNode, useEffect, useRef, useState } from "react"; diff --git a/src/components/text/ArrowLink.tsx b/src/components/text/ArrowLink.tsx index 1bcfddcf..ad51319e 100644 --- a/src/components/text/ArrowLink.tsx +++ b/src/components/text/ArrowLink.tsx @@ -1,4 +1,5 @@ import { Link as LinkRouter } from "react-router-dom"; + import { Icon, Icons } from "@/components/Icon"; interface IArrowLinkPropsBase { diff --git a/src/hooks/useBanner.tsx b/src/hooks/useBanner.tsx index 9288914e..3781adff 100644 --- a/src/hooks/useBanner.tsx +++ b/src/hooks/useBanner.tsx @@ -1,12 +1,12 @@ import { - ReactNode, - createContext, - useState, - useMemo, Dispatch, + ReactNode, SetStateAction, - useEffect, + createContext, useContext, + useEffect, + useMemo, + useState, } from "react"; import { useMeasure } from "react-use"; diff --git a/src/hooks/useChromecastAvailable.ts b/src/hooks/useChromecastAvailable.ts index 6190a288..501d6048 100644 --- a/src/hooks/useChromecastAvailable.ts +++ b/src/hooks/useChromecastAvailable.ts @@ -1,8 +1,9 @@ /// -import { isChromecastAvailable } from "@/setup/chromecast"; import { useEffect, useRef, useState } from "react"; +import { isChromecastAvailable } from "@/setup/chromecast"; + export function useChromecastAvailable() { const [available, setAvailable] = useState(null); diff --git a/src/hooks/useScrape.ts b/src/hooks/useScrape.ts index 05f3c387..a375e618 100644 --- a/src/hooks/useScrape.ts +++ b/src/hooks/useScrape.ts @@ -1,8 +1,9 @@ +import { useEffect, useState } from "react"; + import { findBestStream } from "@/backend/helpers/scrape"; import { MWStream } from "@/backend/helpers/streams"; import { DetailedMeta } from "@/backend/metadata/getmeta"; import { MWMediaType } from "@/backend/metadata/types"; -import { useEffect, useState } from "react"; export interface ScrapeEventLog { type: "provider" | "embed"; diff --git a/src/hooks/useSearchQuery.ts b/src/hooks/useSearchQuery.ts index 093a99c2..d431a0d0 100644 --- a/src/hooks/useSearchQuery.ts +++ b/src/hooks/useSearchQuery.ts @@ -1,7 +1,8 @@ -import { MWMediaType, MWQuery } from "@/backend/metadata/types"; import { useState } from "react"; import { generatePath, useHistory, useRouteMatch } from "react-router-dom"; +import { MWMediaType, MWQuery } from "@/backend/metadata/types"; + function getInitialValue(params: { type: string; query: string }) { const type = Object.values(MWMediaType).find((v) => params.type === v) || diff --git a/src/hooks/useVolumeToggle.ts b/src/hooks/useVolumeToggle.ts index c6b8388f..766ae7e6 100644 --- a/src/hooks/useVolumeToggle.ts +++ b/src/hooks/useVolumeToggle.ts @@ -1,6 +1,7 @@ +import { useState } from "react"; + import { useControls } from "@/video/state/logic/controls"; import { useMediaPlaying } from "@/video/state/logic/mediaplaying"; -import { useState } from "react"; export function useVolumeControl(descriptor: string) { const [storedVolume, setStoredVolume] = useState(1); diff --git a/src/index.tsx b/src/index.tsx index d47668e7..1bf99f70 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -3,11 +3,12 @@ import React, { Suspense } from "react"; import ReactDOM from "react-dom"; import { BrowserRouter, HashRouter } from "react-router-dom"; import type { ReactNode } from "react-router-dom/node_modules/@types/react/index"; -import { ErrorBoundary } from "@/components/layout/ErrorBoundary"; -import { conf } from "@/setup/config"; import { registerSW } from "virtual:pwa-register"; +import { ErrorBoundary } from "@/components/layout/ErrorBoundary"; import App from "@/setup/App"; +import { conf } from "@/setup/config"; + import "@/setup/ga"; import "@/setup/sentry"; import "@/setup/i18n"; diff --git a/src/setup/App.tsx b/src/setup/App.tsx index 6aef8905..992549e0 100644 --- a/src/setup/App.tsx +++ b/src/setup/App.tsx @@ -1,16 +1,16 @@ import { lazy } from "react"; import { Redirect, Route, Switch } from "react-router-dom"; -import { BookmarkContextProvider } from "@/state/bookmark"; -import { WatchedContextProvider } from "@/state/watched"; -import { SettingsProvider } from "@/state/settings"; -import { NotFoundPage } from "@/views/notfound/NotFoundView"; -import { MediaView } from "@/views/media/MediaView"; -import { SearchView } from "@/views/search/SearchView"; import { MWMediaType } from "@/backend/metadata/types"; -import { V2MigrationView } from "@/views/other/v2Migration"; import { BannerContextProvider } from "@/hooks/useBanner"; import { Layout } from "@/setup/Layout"; +import { BookmarkContextProvider } from "@/state/bookmark"; +import { SettingsProvider } from "@/state/settings"; +import { WatchedContextProvider } from "@/state/watched"; +import { MediaView } from "@/views/media/MediaView"; +import { NotFoundPage } from "@/views/notfound/NotFoundView"; +import { V2MigrationView } from "@/views/other/v2Migration"; +import { SearchView } from "@/views/search/SearchView"; function App() { return ( @@ -40,15 +40,23 @@ function App() { /> {/* other */} + import("@/views/developer/DeveloperView") + )} + /> + import("@/views/developer/VideoTesterView") + )} + /> + {/* developer routes that can abuse workers are disabled in production */} {process.env.NODE_ENV === "development" ? ( <> - import("@/views/developer/DeveloperView") - )} - /> import("@/views/developer/TestView") )} /> - import("@/views/developer/VideoTesterView") - )} - /> + () .setKey("mw-bookmarks") diff --git a/src/state/settings/context.tsx b/src/state/settings/context.tsx index 8efba361..4810f925 100644 --- a/src/state/settings/context.tsx +++ b/src/state/settings/context.tsx @@ -1,6 +1,8 @@ -import { useStore } from "@/utils/storage"; -import { createContext, ReactNode, useContext, useMemo } from "react"; +import { ReactNode, createContext, useContext, useMemo } from "react"; + import { LangCode } from "@/setup/iso6391"; +import { useStore } from "@/utils/storage"; + import { SettingsStore } from "./store"; import { MWSettingsData } from "./types"; diff --git a/src/state/settings/store.ts b/src/state/settings/store.ts index 55ede71e..19d84e15 100644 --- a/src/state/settings/store.ts +++ b/src/state/settings/store.ts @@ -1,4 +1,5 @@ import { createVersionedStore } from "@/utils/storage"; + import { MWSettingsData, MWSettingsDataV1 } from "./types"; export const SettingsStore = createVersionedStore() diff --git a/src/state/watched/context.tsx b/src/state/watched/context.tsx index f45baf71..3ce17b2a 100644 --- a/src/state/watched/context.tsx +++ b/src/state/watched/context.tsx @@ -1,16 +1,18 @@ -import { DetailedMeta } from "@/backend/metadata/getmeta"; -import { MWMediaType } from "@/backend/metadata/types"; -import { useStore } from "@/utils/storage"; import { - createContext, ReactNode, + createContext, useCallback, useContext, useMemo, useRef, } from "react"; + +import { DetailedMeta } from "@/backend/metadata/getmeta"; +import { MWMediaType } from "@/backend/metadata/types"; +import { useStore } from "@/utils/storage"; + import { VideoProgressStore } from "./store"; -import { StoreMediaItem, WatchedStoreItem, WatchedStoreData } from "./types"; +import { StoreMediaItem, WatchedStoreData, WatchedStoreItem } from "./types"; const FIVETEEN_MINUTES = 15 * 60; const FIVE_MINUTES = 5 * 60; diff --git a/src/state/watched/migrations/v2.ts b/src/state/watched/migrations/v2.ts index de3dad44..8f7a56b6 100644 --- a/src/state/watched/migrations/v2.ts +++ b/src/state/watched/migrations/v2.ts @@ -2,6 +2,7 @@ import { DetailedMeta, getMetaFromId } from "@/backend/metadata/getmeta"; import { searchForMedia } from "@/backend/metadata/search"; import { MWMediaMeta, MWMediaType } from "@/backend/metadata/types"; import { compareTitle } from "@/utils/titleMatch"; + import { WatchedStoreData, WatchedStoreItem } from "../types"; interface OldMediaBase { diff --git a/src/state/watched/store.ts b/src/state/watched/store.ts index 84eefd67..95adef28 100644 --- a/src/state/watched/store.ts +++ b/src/state/watched/store.ts @@ -1,5 +1,6 @@ import { createVersionedStore } from "@/utils/storage"; -import { migrateV2Videos, OldData } from "./migrations/v2"; + +import { OldData, migrateV2Videos } from "./migrations/v2"; import { WatchedStoreData } from "./types"; export const VideoProgressStore = createVersionedStore() diff --git a/src/video/components/VideoPlayer.tsx b/src/video/components/VideoPlayer.tsx index 8e5888a1..6dc8983a 100644 --- a/src/video/components/VideoPlayer.tsx +++ b/src/video/components/VideoPlayer.tsx @@ -1,36 +1,38 @@ +import { ReactNode, useCallback, useState } from "react"; + import { Transition } from "@/components/Transition"; import { useIsMobile } from "@/hooks/useIsMobile"; import { AirplayAction } from "@/video/components/actions/AirplayAction"; import { BackdropAction } from "@/video/components/actions/BackdropAction"; +import { CastingTextAction } from "@/video/components/actions/CastingTextAction"; +import { ChromecastAction } from "@/video/components/actions/ChromecastAction"; import { FullscreenAction } from "@/video/components/actions/FullscreenAction"; import { HeaderAction } from "@/video/components/actions/HeaderAction"; +import { KeyboardShortcutsAction } from "@/video/components/actions/KeyboardShortcutsAction"; import { LoadingAction } from "@/video/components/actions/LoadingAction"; import { MiddlePauseAction } from "@/video/components/actions/MiddlePauseAction"; import { MobileCenterAction } from "@/video/components/actions/MobileCenterAction"; import { PageTitleAction } from "@/video/components/actions/PageTitleAction"; import { PauseAction } from "@/video/components/actions/PauseAction"; +import { PictureInPictureAction } from "@/video/components/actions/PictureInPictureAction"; import { ProgressAction } from "@/video/components/actions/ProgressAction"; import { SeriesSelectionAction } from "@/video/components/actions/SeriesSelectionAction"; import { ShowTitleAction } from "@/video/components/actions/ShowTitleAction"; -import { KeyboardShortcutsAction } from "@/video/components/actions/KeyboardShortcutsAction"; import { SkipTimeAction } from "@/video/components/actions/SkipTimeAction"; import { TimeAction } from "@/video/components/actions/TimeAction"; import { VolumeAction } from "@/video/components/actions/VolumeAction"; import { VideoPlayerError } from "@/video/components/parts/VideoPlayerError"; +import { PopoutProviderAction } from "@/video/components/popouts/PopoutProviderAction"; import { VideoPlayerBase, VideoPlayerBaseProps, } from "@/video/components/VideoPlayerBase"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; -import { ReactNode, useCallback, useState } from "react"; -import { PopoutProviderAction } from "@/video/components/popouts/PopoutProviderAction"; -import { ChromecastAction } from "@/video/components/actions/ChromecastAction"; -import { CastingTextAction } from "@/video/components/actions/CastingTextAction"; -import { PictureInPictureAction } from "@/video/components/actions/PictureInPictureAction"; + import { CaptionRendererAction } from "./actions/CaptionRendererAction"; -import { SettingsAction } from "./actions/SettingsAction"; import { DividerAction } from "./actions/DividerAction"; +import { SettingsAction } from "./actions/SettingsAction"; import { VolumeAdjustedAction } from "./actions/VolumeAdjustedAction"; type Props = VideoPlayerBaseProps; diff --git a/src/video/components/VideoPlayerBase.tsx b/src/video/components/VideoPlayerBase.tsx index 18f34ab0..62290da2 100644 --- a/src/video/components/VideoPlayerBase.tsx +++ b/src/video/components/VideoPlayerBase.tsx @@ -1,15 +1,17 @@ +import { useRef } from "react"; + import { CastingInternal } from "@/video/components/internal/CastingInternal"; import { WrapperRegisterInternal } from "@/video/components/internal/WrapperRegisterInternal"; import { VideoErrorBoundary } from "@/video/components/parts/VideoErrorBoundary"; import { useInterface } from "@/video/state/logic/interface"; import { useMeta } from "@/video/state/logic/meta"; -import { useRef } from "react"; -import { - useVideoPlayerDescriptor, - VideoPlayerContextProvider, -} from "../state/hooks"; + import { MetaAction } from "./actions/MetaAction"; import { VideoElementInternal } from "./internal/VideoElementInternal"; +import { + VideoPlayerContextProvider, + useVideoPlayerDescriptor, +} from "../state/hooks"; export interface VideoPlayerBaseProps { children?: diff --git a/src/video/components/actions/AirplayAction.tsx b/src/video/components/actions/AirplayAction.tsx index e963166e..58cad17b 100644 --- a/src/video/components/actions/AirplayAction.tsx +++ b/src/video/components/actions/AirplayAction.tsx @@ -1,8 +1,10 @@ +import { useCallback } from "react"; + import { Icons } from "@/components/Icon"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useMisc } from "@/video/state/logic/misc"; -import { useCallback } from "react"; + import { VideoPlayerIconButton } from "../parts/VideoPlayerIconButton"; interface Props { diff --git a/src/video/components/actions/BackdropAction.tsx b/src/video/components/actions/BackdropAction.tsx index e0a1f9eb..2aa60d38 100644 --- a/src/video/components/actions/BackdropAction.tsx +++ b/src/video/components/actions/BackdropAction.tsx @@ -1,8 +1,9 @@ +import React, { useCallback, useEffect, useRef, useState } from "react"; + import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useInterface } from "@/video/state/logic/interface"; import { useMediaPlaying } from "@/video/state/logic/mediaplaying"; -import React, { useCallback, useEffect, useRef, useState } from "react"; interface BackdropActionProps { children?: React.ReactNode; diff --git a/src/video/components/actions/CaptionRendererAction.tsx b/src/video/components/actions/CaptionRendererAction.tsx index 664cffef..5c12b3cb 100644 --- a/src/video/components/actions/CaptionRendererAction.tsx +++ b/src/video/components/actions/CaptionRendererAction.tsx @@ -1,9 +1,11 @@ -import { Transition } from "@/components/Transition"; -import { useSettings } from "@/state/settings"; -import { sanitize, parseSubtitles } from "@/backend/helpers/captions"; -import { ContentCaption } from "subsrt-ts/dist/types/handler"; import { useRef } from "react"; import { useAsync } from "react-use"; +import { ContentCaption } from "subsrt-ts/dist/types/handler"; + +import { parseSubtitles, sanitize } from "@/backend/helpers/captions"; +import { Transition } from "@/components/Transition"; +import { useSettings } from "@/state/settings"; + import { useVideoPlayerDescriptor } from "../../state/hooks"; import { useProgress } from "../../state/logic/progress"; import { useSource } from "../../state/logic/source"; diff --git a/src/video/components/actions/CastingTextAction.tsx b/src/video/components/actions/CastingTextAction.tsx index d95a0351..780129b2 100644 --- a/src/video/components/actions/CastingTextAction.tsx +++ b/src/video/components/actions/CastingTextAction.tsx @@ -1,7 +1,8 @@ +import { useTranslation } from "react-i18next"; + import { Icon, Icons } from "@/components/Icon"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useMisc } from "@/video/state/logic/misc"; -import { useTranslation } from "react-i18next"; export function CastingTextAction() { const { t } = useTranslation(); diff --git a/src/video/components/actions/ChromecastAction.tsx b/src/video/components/actions/ChromecastAction.tsx index 7334af67..56106177 100644 --- a/src/video/components/actions/ChromecastAction.tsx +++ b/src/video/components/actions/ChromecastAction.tsx @@ -1,8 +1,9 @@ +import { useCallback, useEffect, useRef, useState } from "react"; + import { Icons } from "@/components/Icon"; import { VideoPlayerIconButton } from "@/video/components/parts/VideoPlayerIconButton"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useMisc } from "@/video/state/logic/misc"; -import { useCallback, useEffect, useRef, useState } from "react"; interface Props { className?: string; diff --git a/src/video/components/actions/DividerAction.tsx b/src/video/components/actions/DividerAction.tsx index ac1090f7..5778e16f 100644 --- a/src/video/components/actions/DividerAction.tsx +++ b/src/video/components/actions/DividerAction.tsx @@ -1,6 +1,6 @@ +import { MWMediaType } from "@/backend/metadata/types"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useMeta } from "@/video/state/logic/meta"; -import { MWMediaType } from "@/backend/metadata/types"; export function DividerAction() { const descriptor = useVideoPlayerDescriptor(); diff --git a/src/video/components/actions/FullscreenAction.tsx b/src/video/components/actions/FullscreenAction.tsx index 8d5a5f3c..feb1a64f 100644 --- a/src/video/components/actions/FullscreenAction.tsx +++ b/src/video/components/actions/FullscreenAction.tsx @@ -1,9 +1,11 @@ +import { useCallback } from "react"; + import { Icons } from "@/components/Icon"; import { canFullscreen } from "@/utils/detectFeatures"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useInterface } from "@/video/state/logic/interface"; -import { useCallback } from "react"; + import { VideoPlayerIconButton } from "../parts/VideoPlayerIconButton"; interface Props { diff --git a/src/video/components/actions/KeyboardShortcutsAction.tsx b/src/video/components/actions/KeyboardShortcutsAction.tsx index c87b6f68..9040d8a5 100644 --- a/src/video/components/actions/KeyboardShortcutsAction.tsx +++ b/src/video/components/actions/KeyboardShortcutsAction.tsx @@ -1,11 +1,12 @@ import { useEffect, useRef } from "react"; + +import { useVolumeControl } from "@/hooks/useVolumeToggle"; +import { getPlayerState } from "@/video/state/cache"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useInterface } from "@/video/state/logic/interface"; -import { getPlayerState } from "@/video/state/cache"; import { useMediaPlaying } from "@/video/state/logic/mediaplaying"; import { useProgress } from "@/video/state/logic/progress"; -import { useVolumeControl } from "@/hooks/useVolumeToggle"; export function KeyboardShortcutsAction() { const descriptor = useVideoPlayerDescriptor(); diff --git a/src/video/components/actions/MetaAction.tsx b/src/video/components/actions/MetaAction.tsx index 35b2543d..db5ad6b4 100644 --- a/src/video/components/actions/MetaAction.tsx +++ b/src/video/components/actions/MetaAction.tsx @@ -1,9 +1,10 @@ +import { useEffect } from "react"; + import { MWCaption } from "@/backend/helpers/streams"; import { DetailedMeta } from "@/backend/metadata/getmeta"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useMeta } from "@/video/state/logic/meta"; import { useProgress } from "@/video/state/logic/progress"; -import { useEffect } from "react"; export type WindowMeta = { meta: DetailedMeta; diff --git a/src/video/components/actions/MiddlePauseAction.tsx b/src/video/components/actions/MiddlePauseAction.tsx index 1ed2fefc..fd5ba4f7 100644 --- a/src/video/components/actions/MiddlePauseAction.tsx +++ b/src/video/components/actions/MiddlePauseAction.tsx @@ -1,8 +1,9 @@ +import { useCallback } from "react"; + import { Icon, Icons } from "@/components/Icon"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useMediaPlaying } from "@/video/state/logic/mediaplaying"; -import { useCallback } from "react"; export function MiddlePauseAction() { const descriptor = useVideoPlayerDescriptor(); diff --git a/src/video/components/actions/PageTitleAction.tsx b/src/video/components/actions/PageTitleAction.tsx index 21a2bf23..b3bf975e 100644 --- a/src/video/components/actions/PageTitleAction.tsx +++ b/src/video/components/actions/PageTitleAction.tsx @@ -1,5 +1,7 @@ -import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { Helmet } from "react-helmet"; + +import { useVideoPlayerDescriptor } from "@/video/state/hooks"; + import { useCurrentSeriesEpisodeInfo } from "../hooks/useCurrentSeriesEpisodeInfo"; export function PageTitleAction() { diff --git a/src/video/components/actions/PauseAction.tsx b/src/video/components/actions/PauseAction.tsx index d57e4f4d..bfa39b65 100644 --- a/src/video/components/actions/PauseAction.tsx +++ b/src/video/components/actions/PauseAction.tsx @@ -1,8 +1,10 @@ +import { useCallback } from "react"; + import { Icons } from "@/components/Icon"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useMediaPlaying } from "@/video/state/logic/mediaplaying"; -import { useCallback } from "react"; + import { VideoPlayerIconButton } from "../parts/VideoPlayerIconButton"; interface Props { diff --git a/src/video/components/actions/PictureInPictureAction.tsx b/src/video/components/actions/PictureInPictureAction.tsx index d60ec446..ac1094b7 100644 --- a/src/video/components/actions/PictureInPictureAction.tsx +++ b/src/video/components/actions/PictureInPictureAction.tsx @@ -1,13 +1,15 @@ +import { useCallback } from "react"; +import { useTranslation } from "react-i18next"; + import { Icons } from "@/components/Icon"; import { useIsMobile } from "@/hooks/useIsMobile"; -import { useTranslation } from "react-i18next"; -import { useControls } from "@/video/state/logic/controls"; -import { useVideoPlayerDescriptor } from "@/video/state/hooks"; -import { useCallback } from "react"; import { canPictureInPicture, canWebkitPictureInPicture, } from "@/utils/detectFeatures"; +import { useVideoPlayerDescriptor } from "@/video/state/hooks"; +import { useControls } from "@/video/state/logic/controls"; + import { VideoPlayerIconButton } from "../parts/VideoPlayerIconButton"; interface Props { diff --git a/src/video/components/actions/ProgressAction.tsx b/src/video/components/actions/ProgressAction.tsx index f8d28036..1e4ce3cf 100644 --- a/src/video/components/actions/ProgressAction.tsx +++ b/src/video/components/actions/ProgressAction.tsx @@ -1,3 +1,5 @@ +import { useCallback, useEffect, useRef } from "react"; + import { makePercentage, makePercentageString, @@ -7,7 +9,6 @@ import { getPlayerState } from "@/video/state/cache"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useProgress } from "@/video/state/logic/progress"; -import { useCallback, useEffect, useRef } from "react"; export function ProgressAction() { const descriptor = useVideoPlayerDescriptor(); diff --git a/src/video/components/actions/SeriesSelectionAction.tsx b/src/video/components/actions/SeriesSelectionAction.tsx index 4595eabe..d228b047 100644 --- a/src/video/components/actions/SeriesSelectionAction.tsx +++ b/src/video/components/actions/SeriesSelectionAction.tsx @@ -1,12 +1,13 @@ -import { Icons } from "@/components/Icon"; +import { useTranslation } from "react-i18next"; + import { MWMediaType } from "@/backend/metadata/types"; -import { useVideoPlayerDescriptor } from "@/video/state/hooks"; -import { useMeta } from "@/video/state/logic/meta"; +import { Icons } from "@/components/Icon"; +import { FloatingAnchor } from "@/components/popout/FloatingAnchor"; import { VideoPlayerIconButton } from "@/video/components/parts/VideoPlayerIconButton"; +import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useInterface } from "@/video/state/logic/interface"; -import { useTranslation } from "react-i18next"; -import { FloatingAnchor } from "@/components/popout/FloatingAnchor"; +import { useMeta } from "@/video/state/logic/meta"; interface Props { className?: string; diff --git a/src/video/components/actions/SettingsAction.tsx b/src/video/components/actions/SettingsAction.tsx index b012639a..df7b52e4 100644 --- a/src/video/components/actions/SettingsAction.tsx +++ b/src/video/components/actions/SettingsAction.tsx @@ -1,11 +1,12 @@ +import { useTranslation } from "react-i18next"; + import { Icons } from "@/components/Icon"; -import { useVideoPlayerDescriptor } from "@/video/state/hooks"; +import { FloatingAnchor } from "@/components/popout/FloatingAnchor"; +import { useIsMobile } from "@/hooks/useIsMobile"; import { VideoPlayerIconButton } from "@/video/components/parts/VideoPlayerIconButton"; +import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useInterface } from "@/video/state/logic/interface"; -import { useIsMobile } from "@/hooks/useIsMobile"; -import { useTranslation } from "react-i18next"; -import { FloatingAnchor } from "@/components/popout/FloatingAnchor"; interface Props { className?: string; diff --git a/src/video/components/actions/ShowTitleAction.tsx b/src/video/components/actions/ShowTitleAction.tsx index a40c3faa..6ab9cac8 100644 --- a/src/video/components/actions/ShowTitleAction.tsx +++ b/src/video/components/actions/ShowTitleAction.tsx @@ -1,4 +1,5 @@ import { useVideoPlayerDescriptor } from "@/video/state/hooks"; + import { useCurrentSeriesEpisodeInfo } from "../hooks/useCurrentSeriesEpisodeInfo"; export function ShowTitleAction() { diff --git a/src/video/components/actions/SkipTimeAction.tsx b/src/video/components/actions/SkipTimeAction.tsx index 117d31f0..11a5054d 100644 --- a/src/video/components/actions/SkipTimeAction.tsx +++ b/src/video/components/actions/SkipTimeAction.tsx @@ -2,6 +2,7 @@ import { Icons } from "@/components/Icon"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useProgress } from "@/video/state/logic/progress"; + import { VideoPlayerIconButton } from "../parts/VideoPlayerIconButton"; interface Props { diff --git a/src/video/components/actions/TimeAction.tsx b/src/video/components/actions/TimeAction.tsx index 5767e039..6f20e658 100644 --- a/src/video/components/actions/TimeAction.tsx +++ b/src/video/components/actions/TimeAction.tsx @@ -1,11 +1,12 @@ -import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useTranslation } from "react-i18next"; + +import { useIsMobile } from "@/hooks/useIsMobile"; +import { useVideoPlayerDescriptor } from "@/video/state/hooks"; +import { useControls } from "@/video/state/logic/controls"; +import { useInterface } from "@/video/state/logic/interface"; import { useMediaPlaying } from "@/video/state/logic/mediaplaying"; import { useProgress } from "@/video/state/logic/progress"; -import { useInterface } from "@/video/state/logic/interface"; import { VideoPlayerTimeFormat } from "@/video/state/types"; -import { useIsMobile } from "@/hooks/useIsMobile"; -import { useControls } from "@/video/state/logic/controls"; function durationExceedsHour(secs: number): boolean { return secs > 60 * 60; diff --git a/src/video/components/actions/VolumeAction.tsx b/src/video/components/actions/VolumeAction.tsx index c3aee7c1..e6922ab3 100644 --- a/src/video/components/actions/VolumeAction.tsx +++ b/src/video/components/actions/VolumeAction.tsx @@ -1,3 +1,5 @@ +import { useCallback, useEffect, useRef, useState } from "react"; + import { Icon, Icons } from "@/components/Icon"; import { makePercentage, @@ -10,7 +12,6 @@ import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useInterface } from "@/video/state/logic/interface"; import { useMediaPlaying } from "@/video/state/logic/mediaplaying"; -import { useCallback, useEffect, useRef, useState } from "react"; interface Props { className?: string; diff --git a/src/video/components/actions/list-entries/CaptionsSelectionAction.tsx b/src/video/components/actions/list-entries/CaptionsSelectionAction.tsx index 8dfe2ec3..631eeba0 100644 --- a/src/video/components/actions/list-entries/CaptionsSelectionAction.tsx +++ b/src/video/components/actions/list-entries/CaptionsSelectionAction.tsx @@ -1,5 +1,7 @@ -import { Icons } from "@/components/Icon"; import { useTranslation } from "react-i18next"; + +import { Icons } from "@/components/Icon"; + import { PopoutListAction } from "../../popouts/PopoutUtils"; interface Props { diff --git a/src/video/components/actions/list-entries/DownloadAction.tsx b/src/video/components/actions/list-entries/DownloadAction.tsx index 76910efd..29b5244e 100644 --- a/src/video/components/actions/list-entries/DownloadAction.tsx +++ b/src/video/components/actions/list-entries/DownloadAction.tsx @@ -1,10 +1,12 @@ -import { Icons } from "@/components/Icon"; -import { useVideoPlayerDescriptor } from "@/video/state/hooks"; -import { useSource } from "@/video/state/logic/source"; -import { MWStreamType } from "@/backend/helpers/streams"; -import { normalizeTitle } from "@/utils/normalizeTitle"; import { useTranslation } from "react-i18next"; + +import { MWStreamType } from "@/backend/helpers/streams"; +import { Icons } from "@/components/Icon"; +import { normalizeTitle } from "@/utils/normalizeTitle"; +import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useMeta } from "@/video/state/logic/meta"; +import { useSource } from "@/video/state/logic/source"; + import { PopoutListAction } from "../../popouts/PopoutUtils"; export function DownloadAction() { diff --git a/src/video/components/actions/list-entries/PlaybackSpeedSelectionAction.tsx b/src/video/components/actions/list-entries/PlaybackSpeedSelectionAction.tsx index 983f345e..fdc3549f 100644 --- a/src/video/components/actions/list-entries/PlaybackSpeedSelectionAction.tsx +++ b/src/video/components/actions/list-entries/PlaybackSpeedSelectionAction.tsx @@ -1,5 +1,7 @@ -import { Icons } from "@/components/Icon"; import { useTranslation } from "react-i18next"; + +import { Icons } from "@/components/Icon"; + import { PopoutListAction } from "../../popouts/PopoutUtils"; interface Props { diff --git a/src/video/components/actions/list-entries/SourceSelectionAction.tsx b/src/video/components/actions/list-entries/SourceSelectionAction.tsx index 23e20f1c..8e84b020 100644 --- a/src/video/components/actions/list-entries/SourceSelectionAction.tsx +++ b/src/video/components/actions/list-entries/SourceSelectionAction.tsx @@ -1,7 +1,9 @@ -import { Icons } from "@/components/Icon"; import { useTranslation } from "react-i18next"; -import { PopoutListAction } from "../../popouts/PopoutUtils"; + +import { Icons } from "@/components/Icon"; + import { QualityDisplayAction } from "./QualityDisplayAction"; +import { PopoutListAction } from "../../popouts/PopoutUtils"; interface Props { onClick?: () => any; diff --git a/src/video/components/controllers/MetaController.tsx b/src/video/components/controllers/MetaController.tsx index 9159a0ab..ee6bc696 100644 --- a/src/video/components/controllers/MetaController.tsx +++ b/src/video/components/controllers/MetaController.tsx @@ -1,9 +1,10 @@ +import { useEffect } from "react"; + import { MWCaption } from "@/backend/helpers/streams"; import { MWSeasonWithEpisodeMeta } from "@/backend/metadata/types"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { VideoPlayerMeta } from "@/video/state/types"; -import { useEffect } from "react"; interface MetaControllerProps { data?: VideoPlayerMeta; diff --git a/src/video/components/controllers/ProgressListenerController.tsx b/src/video/components/controllers/ProgressListenerController.tsx index 1a1d2bd1..78e27bc8 100644 --- a/src/video/components/controllers/ProgressListenerController.tsx +++ b/src/video/components/controllers/ProgressListenerController.tsx @@ -1,10 +1,11 @@ -import { useEffect, useMemo, useRef } from "react"; import throttle from "lodash.throttle"; +import { useEffect, useMemo, useRef } from "react"; + import { useVideoPlayerDescriptor } from "@/video/state/hooks"; -import { useMediaPlaying } from "@/video/state/logic/mediaplaying"; -import { useProgress } from "@/video/state/logic/progress"; import { useControls } from "@/video/state/logic/controls"; +import { useMediaPlaying } from "@/video/state/logic/mediaplaying"; import { useMisc } from "@/video/state/logic/misc"; +import { useProgress } from "@/video/state/logic/progress"; interface Props { startAt?: number; diff --git a/src/video/components/controllers/SeriesController.tsx b/src/video/components/controllers/SeriesController.tsx index 481d3ce2..ba01d248 100644 --- a/src/video/components/controllers/SeriesController.tsx +++ b/src/video/components/controllers/SeriesController.tsx @@ -1,8 +1,9 @@ -import { useVideoPlayerDescriptor } from "@/video/state/hooks"; -import { useMeta } from "@/video/state/logic/meta"; import { useEffect, useRef } from "react"; import { useHistory } from "react-router-dom"; +import { useVideoPlayerDescriptor } from "@/video/state/hooks"; +import { useMeta } from "@/video/state/logic/meta"; + interface SeriesControllerProps { onSelect?: (state: { episodeId?: string; seasonId?: string }) => void; } diff --git a/src/video/components/controllers/SourceController.tsx b/src/video/components/controllers/SourceController.tsx index fe98a685..cf7475b8 100644 --- a/src/video/components/controllers/SourceController.tsx +++ b/src/video/components/controllers/SourceController.tsx @@ -1,3 +1,5 @@ +import { useEffect, useRef } from "react"; + import { getCaptionUrl, makeCaptionId } from "@/backend/helpers/captions"; import { MWCaption, @@ -9,7 +11,6 @@ import { useSettings } from "@/state/settings"; import { useInitialized } from "@/video/components/hooks/useInitialized"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; -import { useEffect, useRef } from "react"; interface SourceControllerProps { source: string; diff --git a/src/video/components/hooks/useCurrentSeriesEpisodeInfo.ts b/src/video/components/hooks/useCurrentSeriesEpisodeInfo.ts index 88ab2e31..6eb51170 100644 --- a/src/video/components/hooks/useCurrentSeriesEpisodeInfo.ts +++ b/src/video/components/hooks/useCurrentSeriesEpisodeInfo.ts @@ -1,8 +1,9 @@ -import { MWMediaType } from "@/backend/metadata/types"; -import { useMeta } from "@/video/state/logic/meta"; import { useMemo } from "react"; import { useTranslation } from "react-i18next"; +import { MWMediaType } from "@/backend/metadata/types"; +import { useMeta } from "@/video/state/logic/meta"; + export function useCurrentSeriesEpisodeInfo(descriptor: string) { const meta = useMeta(descriptor); const { t } = useTranslation(); diff --git a/src/video/components/hooks/useInitialized.ts b/src/video/components/hooks/useInitialized.ts index d46b786c..197b7dc5 100644 --- a/src/video/components/hooks/useInitialized.ts +++ b/src/video/components/hooks/useInitialized.ts @@ -1,6 +1,7 @@ -import { useMisc } from "@/video/state/logic/misc"; import { useMemo } from "react"; +import { useMisc } from "@/video/state/logic/misc"; + export function useInitialized(descriptor: string): { initialized: boolean } { const misc = useMisc(descriptor); const initialized = useMemo(() => !!misc.initalized, [misc]); diff --git a/src/video/components/hooks/useSyncPopouts.ts b/src/video/components/hooks/useSyncPopouts.ts index a7edee77..2a63b923 100644 --- a/src/video/components/hooks/useSyncPopouts.ts +++ b/src/video/components/hooks/useSyncPopouts.ts @@ -1,8 +1,9 @@ -import { ControlMethods, useControls } from "@/video/state/logic/controls"; -import { useInterface } from "@/video/state/logic/interface"; import { useEffect, useRef } from "react"; import { useHistory, useLocation } from "react-router-dom"; +import { ControlMethods, useControls } from "@/video/state/logic/controls"; +import { useInterface } from "@/video/state/logic/interface"; + function syncRouteToPopout( location: ReturnType, controls: ControlMethods diff --git a/src/video/components/internal/CastingInternal.tsx b/src/video/components/internal/CastingInternal.tsx index 9de8c1b1..8fc3556d 100644 --- a/src/video/components/internal/CastingInternal.tsx +++ b/src/video/components/internal/CastingInternal.tsx @@ -1,10 +1,11 @@ +import { useEffect, useMemo, useRef } from "react"; + import { useChromecastAvailable } from "@/hooks/useChromecastAvailable"; import { getPlayerState } from "@/video/state/cache"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { updateMisc, useMisc } from "@/video/state/logic/misc"; import { createCastingStateProvider } from "@/video/state/providers/castingStateProvider"; import { setProvider, unsetStateProvider } from "@/video/state/providers/utils"; -import { useEffect, useMemo, useRef } from "react"; export function CastingInternal() { const descriptor = useVideoPlayerDescriptor(); diff --git a/src/video/components/internal/VideoElementInternal.tsx b/src/video/components/internal/VideoElementInternal.tsx index dde47b71..8f2e3a92 100644 --- a/src/video/components/internal/VideoElementInternal.tsx +++ b/src/video/components/internal/VideoElementInternal.tsx @@ -1,9 +1,10 @@ +import { useEffect, useMemo, useRef } from "react"; + import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useMediaPlaying } from "@/video/state/logic/mediaplaying"; import { useMisc } from "@/video/state/logic/misc"; import { setProvider, unsetStateProvider } from "@/video/state/providers/utils"; import { createVideoStateProvider } from "@/video/state/providers/videoStateProvider"; -import { useEffect, useMemo, useRef } from "react"; interface Props { autoPlay?: boolean; diff --git a/src/video/components/internal/WrapperRegisterInternal.tsx b/src/video/components/internal/WrapperRegisterInternal.tsx index 16457419..3dac4e13 100644 --- a/src/video/components/internal/WrapperRegisterInternal.tsx +++ b/src/video/components/internal/WrapperRegisterInternal.tsx @@ -1,7 +1,8 @@ +import { useEffect } from "react"; + import { getPlayerState } from "@/video/state/cache"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { updateMisc } from "@/video/state/logic/misc"; -import { useEffect } from "react"; export function WrapperRegisterInternal(props: { wrapper: HTMLDivElement | null; diff --git a/src/video/components/parts/VideoErrorBoundary.tsx b/src/video/components/parts/VideoErrorBoundary.tsx index 5c7cf291..8228f057 100644 --- a/src/video/components/parts/VideoErrorBoundary.tsx +++ b/src/video/components/parts/VideoErrorBoundary.tsx @@ -1,10 +1,12 @@ +import { Component } from "react"; +import { Trans } from "react-i18next"; +import type { ReactNode } from "react-router-dom/node_modules/@types/react/index"; + import { MWMediaMeta } from "@/backend/metadata/types"; import { ErrorMessage } from "@/components/layout/ErrorBoundary"; import { Link } from "@/components/text/Link"; import { conf } from "@/setup/config"; -import { Component } from "react"; -import { Trans } from "react-i18next"; -import type { ReactNode } from "react-router-dom/node_modules/@types/react/index"; + import { VideoPlayerHeader } from "./VideoPlayerHeader"; interface ErrorBoundaryState { diff --git a/src/video/components/parts/VideoPlayerError.tsx b/src/video/components/parts/VideoPlayerError.tsx index 6ac7125c..d6fd0306 100644 --- a/src/video/components/parts/VideoPlayerError.tsx +++ b/src/video/components/parts/VideoPlayerError.tsx @@ -1,10 +1,12 @@ +import { ReactNode } from "react"; + import { IconPatch } from "@/components/buttons/IconPatch"; import { Icons } from "@/components/Icon"; import { Title } from "@/components/text/Title"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useError } from "@/video/state/logic/error"; import { useMeta } from "@/video/state/logic/meta"; -import { ReactNode } from "react"; + import { VideoPlayerHeader } from "./VideoPlayerHeader"; interface VideoPlayerErrorProps { diff --git a/src/video/components/parts/VideoPlayerHeader.tsx b/src/video/components/parts/VideoPlayerHeader.tsx index 950f1a97..8c026c49 100644 --- a/src/video/components/parts/VideoPlayerHeader.tsx +++ b/src/video/components/parts/VideoPlayerHeader.tsx @@ -1,16 +1,17 @@ +import { useTranslation } from "react-i18next"; + import { MWMediaMeta } from "@/backend/metadata/types"; import { IconPatch } from "@/components/buttons/IconPatch"; import { Icon, Icons } from "@/components/Icon"; import { BrandPill } from "@/components/layout/BrandPill"; +import { useBannerSize } from "@/hooks/useBanner"; +import { useIsMobile } from "@/hooks/useIsMobile"; import { getIfBookmarkedFromPortable, useBookmarkContext, } from "@/state/bookmark"; import { AirplayAction } from "@/video/components/actions/AirplayAction"; import { ChromecastAction } from "@/video/components/actions/ChromecastAction"; -import { useTranslation } from "react-i18next"; -import { useIsMobile } from "@/hooks/useIsMobile"; -import { useBannerSize } from "@/hooks/useBanner"; interface VideoPlayerHeaderProps { media?: MWMediaMeta; diff --git a/src/video/components/parts/VideoPlayerIconButton.tsx b/src/video/components/parts/VideoPlayerIconButton.tsx index 156dffd5..a47eeb8d 100644 --- a/src/video/components/parts/VideoPlayerIconButton.tsx +++ b/src/video/components/parts/VideoPlayerIconButton.tsx @@ -1,6 +1,7 @@ -import { Icon, Icons } from "@/components/Icon"; import React, { forwardRef } from "react"; +import { Icon, Icons } from "@/components/Icon"; + export interface VideoPlayerIconButtonProps { onClick?: (e: React.MouseEvent) => void; icon: Icons; diff --git a/src/video/components/parts/VideoPopout.tsx b/src/video/components/parts/VideoPopout.tsx index 301d0366..cd7aa1f3 100644 --- a/src/video/components/parts/VideoPopout.tsx +++ b/src/video/components/parts/VideoPopout.tsx @@ -1,7 +1,8 @@ +import { useEffect, useRef } from "react"; + import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useInterface } from "@/video/state/logic/interface"; -import { useEffect, useRef } from "react"; interface Props { children?: React.ReactNode; diff --git a/src/video/components/popouts/CaptionSelectionPopout.tsx b/src/video/components/popouts/CaptionSelectionPopout.tsx index 3f595757..3b119ef4 100644 --- a/src/video/components/popouts/CaptionSelectionPopout.tsx +++ b/src/video/components/popouts/CaptionSelectionPopout.tsx @@ -1,3 +1,6 @@ +import { useMemo, useRef } from "react"; +import { useTranslation } from "react-i18next"; + import { customCaption, getCaptionUrl, @@ -15,8 +18,7 @@ import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useMeta } from "@/video/state/logic/meta"; import { useSource } from "@/video/state/logic/source"; -import { useMemo, useRef } from "react"; -import { useTranslation } from "react-i18next"; + import { PopoutListEntry, PopoutSection } from "./PopoutUtils"; export function CaptionSelectionPopout(props: { diff --git a/src/video/components/popouts/CaptionSettingsPopout.tsx b/src/video/components/popouts/CaptionSettingsPopout.tsx index 3e5a0cd1..a5abe5a6 100644 --- a/src/video/components/popouts/CaptionSettingsPopout.tsx +++ b/src/video/components/popouts/CaptionSettingsPopout.tsx @@ -1,13 +1,13 @@ -import { FloatingCardView } from "@/components/popout/FloatingCard"; -import { FloatingView } from "@/components/popout/FloatingView"; -import { useFloatingRouter } from "@/hooks/useFloatingRouter"; -import { useSettings } from "@/state/settings"; import { useTranslation } from "react-i18next"; -import { Slider } from "@/components/Slider"; import CaptionColorSelector, { colors, } from "@/components/CaptionColorSelector"; +import { FloatingCardView } from "@/components/popout/FloatingCard"; +import { FloatingView } from "@/components/popout/FloatingView"; +import { Slider } from "@/components/Slider"; +import { useFloatingRouter } from "@/hooks/useFloatingRouter"; +import { useSettings } from "@/state/settings"; export function CaptionSettingsPopout(props: { router: ReturnType; diff --git a/src/video/components/popouts/EpisodeSelectionPopout.tsx b/src/video/components/popouts/EpisodeSelectionPopout.tsx index 02804b84..bd152378 100644 --- a/src/video/components/popouts/EpisodeSelectionPopout.tsx +++ b/src/video/components/popouts/EpisodeSelectionPopout.tsx @@ -1,20 +1,22 @@ import { useCallback, useMemo, useState } from "react"; +import { useTranslation } from "react-i18next"; import { useParams } from "react-router-dom"; -import { Icon, Icons } from "@/components/Icon"; -import { useLoading } from "@/hooks/useLoading"; -import { MWMediaType, MWSeasonWithEpisodeMeta } from "@/backend/metadata/types"; + import { getMetaFromId } from "@/backend/metadata/getmeta"; import { decodeJWId } from "@/backend/metadata/justwatch"; -import { Loading } from "@/components/layout/Loading"; +import { MWMediaType, MWSeasonWithEpisodeMeta } from "@/backend/metadata/types"; import { IconPatch } from "@/components/buttons/IconPatch"; -import { useVideoPlayerDescriptor } from "@/video/state/hooks"; -import { useMeta } from "@/video/state/logic/meta"; -import { useControls } from "@/video/state/logic/controls"; -import { useWatchedContext } from "@/state/watched"; -import { useTranslation } from "react-i18next"; +import { Icon, Icons } from "@/components/Icon"; +import { Loading } from "@/components/layout/Loading"; +import { FloatingCardView } from "@/components/popout/FloatingCard"; import { FloatingView } from "@/components/popout/FloatingView"; import { useFloatingRouter } from "@/hooks/useFloatingRouter"; -import { FloatingCardView } from "@/components/popout/FloatingCard"; +import { useLoading } from "@/hooks/useLoading"; +import { useWatchedContext } from "@/state/watched"; +import { useVideoPlayerDescriptor } from "@/video/state/hooks"; +import { useControls } from "@/video/state/logic/controls"; +import { useMeta } from "@/video/state/logic/meta"; + import { PopoutListEntry } from "./PopoutUtils"; export function EpisodeSelectionPopout() { diff --git a/src/video/components/popouts/PlaybackSpeedPopout.tsx b/src/video/components/popouts/PlaybackSpeedPopout.tsx index 1013647a..87c75980 100644 --- a/src/video/components/popouts/PlaybackSpeedPopout.tsx +++ b/src/video/components/popouts/PlaybackSpeedPopout.tsx @@ -1,12 +1,14 @@ +import { useTranslation } from "react-i18next"; + import { Icon, Icons } from "@/components/Icon"; import { FloatingCardView } from "@/components/popout/FloatingCard"; import { FloatingView } from "@/components/popout/FloatingView"; +import { Slider } from "@/components/Slider"; import { useFloatingRouter } from "@/hooks/useFloatingRouter"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; -import { useTranslation } from "react-i18next"; import { useMediaPlaying } from "@/video/state/logic/mediaplaying"; -import { Slider } from "@/components/Slider"; + import { PopoutListEntry, PopoutSection } from "./PopoutUtils"; const speedSelectionOptions = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 2]; diff --git a/src/video/components/popouts/PopoutAnchor.tsx b/src/video/components/popouts/PopoutAnchor.tsx index 3439f468..c0d4eb9d 100644 --- a/src/video/components/popouts/PopoutAnchor.tsx +++ b/src/video/components/popouts/PopoutAnchor.tsx @@ -1,7 +1,8 @@ +import { ReactNode, useEffect, useRef } from "react"; + import { getPlayerState } from "@/video/state/cache"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { updateInterface } from "@/video/state/logic/interface"; -import { ReactNode, useEffect, useRef } from "react"; interface Props { for: string; diff --git a/src/video/components/popouts/PopoutProviderAction.tsx b/src/video/components/popouts/PopoutProviderAction.tsx index 3c90d46d..5882dc7f 100644 --- a/src/video/components/popouts/PopoutProviderAction.tsx +++ b/src/video/components/popouts/PopoutProviderAction.tsx @@ -1,12 +1,13 @@ +import { useCallback } from "react"; + +import { PopoutFloatingCard } from "@/components/popout/FloatingCard"; +import { FloatingContainer } from "@/components/popout/FloatingContainer"; import { useSyncPopouts } from "@/video/components/hooks/useSyncPopouts"; import { EpisodeSelectionPopout } from "@/video/components/popouts/EpisodeSelectionPopout"; import { SettingsPopout } from "@/video/components/popouts/SettingsPopout"; import { useVideoPlayerDescriptor } from "@/video/state/hooks"; import { useControls } from "@/video/state/logic/controls"; import { useInterface } from "@/video/state/logic/interface"; -import { useCallback } from "react"; -import { PopoutFloatingCard } from "@/components/popout/FloatingCard"; -import { FloatingContainer } from "@/components/popout/FloatingContainer"; import "./Popouts.css"; diff --git a/src/video/components/popouts/PopoutUtils.tsx b/src/video/components/popouts/PopoutUtils.tsx index a56d1a91..c818d086 100644 --- a/src/video/components/popouts/PopoutUtils.tsx +++ b/src/video/components/popouts/PopoutUtils.tsx @@ -1,8 +1,9 @@ -import { Icon, Icons } from "@/components/Icon"; -import { Spinner } from "@/components/layout/Spinner"; -import { ProgressRing } from "@/components/layout/ProgressRing"; import { createRef, useEffect, useRef } from "react"; +import { Icon, Icons } from "@/components/Icon"; +import { ProgressRing } from "@/components/layout/ProgressRing"; +import { Spinner } from "@/components/layout/Spinner"; + interface PopoutListEntryBaseTypes { active?: boolean; children: React.ReactNode; diff --git a/src/video/components/popouts/SettingsPopout.tsx b/src/video/components/popouts/SettingsPopout.tsx index 9c92575e..03a45620 100644 --- a/src/video/components/popouts/SettingsPopout.tsx +++ b/src/video/components/popouts/SettingsPopout.tsx @@ -2,14 +2,15 @@ import { FloatingCardView } from "@/components/popout/FloatingCard"; import { FloatingDragHandle } from "@/components/popout/FloatingDragHandle"; import { FloatingView } from "@/components/popout/FloatingView"; import { useFloatingRouter } from "@/hooks/useFloatingRouter"; -import { DownloadAction } from "@/video/components/actions/list-entries/DownloadAction"; import { CaptionsSelectionAction } from "@/video/components/actions/list-entries/CaptionsSelectionAction"; -import { SourceSelectionAction } from "@/video/components/actions/list-entries/SourceSelectionAction"; +import { DownloadAction } from "@/video/components/actions/list-entries/DownloadAction"; import { PlaybackSpeedSelectionAction } from "@/video/components/actions/list-entries/PlaybackSpeedSelectionAction"; +import { SourceSelectionAction } from "@/video/components/actions/list-entries/SourceSelectionAction"; + import { CaptionSelectionPopout } from "./CaptionSelectionPopout"; -import { SourceSelectionPopout } from "./SourceSelectionPopout"; import { CaptionSettingsPopout } from "./CaptionSettingsPopout"; import { PlaybackSpeedPopout } from "./PlaybackSpeedPopout"; +import { SourceSelectionPopout } from "./SourceSelectionPopout"; export function SettingsPopout() { const floatingRouter = useFloatingRouter(); diff --git a/src/video/components/popouts/SourceSelectionPopout.tsx b/src/video/components/popouts/SourceSelectionPopout.tsx index 62bec772..21ed0c86 100644 --- a/src/video/components/popouts/SourceSelectionPopout.tsx +++ b/src/video/components/popouts/SourceSelectionPopout.tsx @@ -1,24 +1,26 @@ import { useMemo, useRef, useState } from "react"; -import { Icons } from "@/components/Icon"; -import { useLoading } from "@/hooks/useLoading"; -import { Loading } from "@/components/layout/Loading"; -import { IconPatch } from "@/components/buttons/IconPatch"; -import { useVideoPlayerDescriptor } from "@/video/state/hooks"; -import { useMeta } from "@/video/state/logic/meta"; -import { useControls } from "@/video/state/logic/controls"; -import { MWStream } from "@/backend/helpers/streams"; +import { useTranslation } from "react-i18next"; + +import { MWEmbed, MWEmbedType } from "@/backend/helpers/embed"; +import { MWProviderScrapeResult } from "@/backend/helpers/provider"; import { getEmbedScraperByType, getProviders, } from "@/backend/helpers/register"; import { runEmbedScraper, runProvider } from "@/backend/helpers/run"; -import { MWProviderScrapeResult } from "@/backend/helpers/provider"; -import { useTranslation } from "react-i18next"; -import { MWEmbed, MWEmbedType } from "@/backend/helpers/embed"; +import { MWStream } from "@/backend/helpers/streams"; +import { IconPatch } from "@/components/buttons/IconPatch"; +import { Icons } from "@/components/Icon"; +import { Loading } from "@/components/layout/Loading"; import { FloatingCardView } from "@/components/popout/FloatingCard"; import { FloatingView } from "@/components/popout/FloatingView"; import { useFloatingRouter } from "@/hooks/useFloatingRouter"; +import { useLoading } from "@/hooks/useLoading"; +import { useVideoPlayerDescriptor } from "@/video/state/hooks"; +import { useControls } from "@/video/state/logic/controls"; +import { useMeta } from "@/video/state/logic/meta"; import { useSource } from "@/video/state/logic/source"; + import { PopoutListEntry } from "./PopoutUtils"; interface EmbedEntryProps { diff --git a/src/video/state/hooks.tsx b/src/video/state/hooks.tsx index c320d81b..6c532bf7 100644 --- a/src/video/state/hooks.tsx +++ b/src/video/state/hooks.tsx @@ -1,10 +1,11 @@ import { - createContext, ReactNode, + createContext, useContext, useEffect, useState, } from "react"; + import { registerVideoPlayer, unregisterVideoPlayer } from "./init"; const VideoPlayerContext = createContext(""); diff --git a/src/video/state/init.ts b/src/video/state/init.ts index 559c4ca4..cf8f0137 100644 --- a/src/video/state/init.ts +++ b/src/video/state/init.ts @@ -1,4 +1,5 @@ import { nanoid } from "nanoid"; + import { _players } from "./cache"; import { VideoPlayerState } from "./types"; diff --git a/src/video/state/logic/controls.ts b/src/video/state/logic/controls.ts index e87a5255..0824b601 100644 --- a/src/video/state/logic/controls.ts +++ b/src/video/state/logic/controls.ts @@ -2,6 +2,7 @@ import { updateInterface } from "@/video/state/logic/interface"; import { updateMeta } from "@/video/state/logic/meta"; import { updateProgress } from "@/video/state/logic/progress"; import { VideoPlayerMeta, VideoPlayerTimeFormat } from "@/video/state/types"; + import { getPlayerState } from "../cache"; import { VideoPlayerStateController } from "../providers/providerTypes"; diff --git a/src/video/state/logic/error.ts b/src/video/state/logic/error.ts index d3958337..0407a65a 100644 --- a/src/video/state/logic/error.ts +++ b/src/video/state/logic/error.ts @@ -1,4 +1,5 @@ import { useEffect, useState } from "react"; + import { getPlayerState } from "../cache"; import { listenEvent, sendEvent, unlistenEvent } from "../events"; import { VideoPlayerState } from "../types"; diff --git a/src/video/state/logic/interface.ts b/src/video/state/logic/interface.ts index 35ab51c6..2b064944 100644 --- a/src/video/state/logic/interface.ts +++ b/src/video/state/logic/interface.ts @@ -1,4 +1,5 @@ import { useEffect, useState } from "react"; + import { getPlayerState } from "../cache"; import { listenEvent, sendEvent, unlistenEvent } from "../events"; import { VideoPlayerState, VideoPlayerTimeFormat } from "../types"; diff --git a/src/video/state/logic/mediaplaying.ts b/src/video/state/logic/mediaplaying.ts index ff631064..a681a0dc 100644 --- a/src/video/state/logic/mediaplaying.ts +++ b/src/video/state/logic/mediaplaying.ts @@ -1,4 +1,5 @@ import { useEffect, useState } from "react"; + import { getPlayerState } from "../cache"; import { listenEvent, sendEvent, unlistenEvent } from "../events"; import { VideoPlayerState } from "../types"; diff --git a/src/video/state/logic/meta.ts b/src/video/state/logic/meta.ts index 35e6ad79..95907774 100644 --- a/src/video/state/logic/meta.ts +++ b/src/video/state/logic/meta.ts @@ -1,4 +1,5 @@ import { useEffect, useState } from "react"; + import { getPlayerState } from "../cache"; import { listenEvent, sendEvent, unlistenEvent } from "../events"; import { VideoPlayerMeta, VideoPlayerState } from "../types"; diff --git a/src/video/state/logic/misc.ts b/src/video/state/logic/misc.ts index a30a146a..01088621 100644 --- a/src/video/state/logic/misc.ts +++ b/src/video/state/logic/misc.ts @@ -1,4 +1,5 @@ import { useEffect, useState } from "react"; + import { getPlayerState } from "../cache"; import { listenEvent, sendEvent, unlistenEvent } from "../events"; import { VideoPlayerState } from "../types"; diff --git a/src/video/state/logic/progress.ts b/src/video/state/logic/progress.ts index b2482c0e..051450e5 100644 --- a/src/video/state/logic/progress.ts +++ b/src/video/state/logic/progress.ts @@ -1,4 +1,5 @@ import { useEffect, useState } from "react"; + import { getPlayerState } from "../cache"; import { listenEvent, sendEvent, unlistenEvent } from "../events"; import { VideoPlayerState } from "../types"; diff --git a/src/video/state/logic/source.ts b/src/video/state/logic/source.ts index 6f2d0afb..5fafb60c 100644 --- a/src/video/state/logic/source.ts +++ b/src/video/state/logic/source.ts @@ -1,5 +1,7 @@ -import { MWStreamQuality, MWStreamType } from "@/backend/helpers/streams"; import { useEffect, useState } from "react"; + +import { MWStreamQuality, MWStreamType } from "@/backend/helpers/streams"; + import { getPlayerState } from "../cache"; import { listenEvent, sendEvent, unlistenEvent } from "../events"; import { VideoPlayerState } from "../types"; diff --git a/src/video/state/providers/castingStateProvider.ts b/src/video/state/providers/castingStateProvider.ts index faf34dc5..e791c2f9 100644 --- a/src/video/state/providers/castingStateProvider.ts +++ b/src/video/state/providers/castingStateProvider.ts @@ -1,21 +1,23 @@ import fscreen from "fscreen"; + +import { revokeCaptionBlob } from "@/backend/helpers/captions"; import { canChangeVolume, canFullscreen, canFullscreenAnyElement, canWebkitFullscreen, } from "@/utils/detectFeatures"; -import { updateSource } from "@/video/state/logic/source"; import { getStoredVolume, setStoredVolume, } from "@/video/components/hooks/volumeStore"; -import { resetStateForSource } from "@/video/state/providers/helpers"; import { updateInterface } from "@/video/state/logic/interface"; -import { revokeCaptionBlob } from "@/backend/helpers/captions"; +import { updateSource } from "@/video/state/logic/source"; +import { resetStateForSource } from "@/video/state/providers/helpers"; + +import { VideoPlayerStateProvider } from "./providerTypes"; import { getPlayerState } from "../cache"; import { updateMediaPlaying } from "../logic/mediaplaying"; -import { VideoPlayerStateProvider } from "./providerTypes"; import { updateProgress } from "../logic/progress"; // TODO HLS for casting? diff --git a/src/video/state/providers/utils.ts b/src/video/state/providers/utils.ts index 9d5d47e5..f07e7c50 100644 --- a/src/video/state/providers/utils.ts +++ b/src/video/state/providers/utils.ts @@ -1,6 +1,7 @@ import { updateMisc } from "@/video/state/logic/misc"; -import { getPlayerState } from "../cache"; + import { VideoPlayerStateProvider } from "./providerTypes"; +import { getPlayerState } from "../cache"; export function setProvider( descriptor: string, diff --git a/src/video/state/providers/videoStateProvider.ts b/src/video/state/providers/videoStateProvider.ts index e527419b..2f8c5beb 100644 --- a/src/video/state/providers/videoStateProvider.ts +++ b/src/video/state/providers/videoStateProvider.ts @@ -1,29 +1,31 @@ -import Hls from "hls.js"; import fscreen from "fscreen"; +import Hls from "hls.js"; + +import { revokeCaptionBlob } from "@/backend/helpers/captions"; +import { MWStreamType } from "@/backend/helpers/streams"; import { canChangeVolume, canFullscreen, canFullscreenAnyElement, - canWebkitFullscreen, canPictureInPicture, + canWebkitFullscreen, canWebkitPictureInPicture, } from "@/utils/detectFeatures"; -import { MWStreamType } from "@/backend/helpers/streams"; -import { updateInterface } from "@/video/state/logic/interface"; -import { updateSource } from "@/video/state/logic/source"; import { getStoredVolume, setStoredVolume, } from "@/video/components/hooks/volumeStore"; import { updateError } from "@/video/state/logic/error"; +import { updateInterface } from "@/video/state/logic/interface"; import { updateMisc } from "@/video/state/logic/misc"; +import { updateSource } from "@/video/state/logic/source"; import { resetStateForSource } from "@/video/state/providers/helpers"; -import { revokeCaptionBlob } from "@/backend/helpers/captions"; + +import { VideoPlayerStateProvider } from "./providerTypes"; +import { handleBuffered } from "./utils"; import { getPlayerState } from "../cache"; import { updateMediaPlaying } from "../logic/mediaplaying"; -import { VideoPlayerStateProvider } from "./providerTypes"; import { updateProgress } from "../logic/progress"; -import { handleBuffered } from "./utils"; function errorMessage(err: MediaError) { switch (err.code) { diff --git a/src/video/state/types.ts b/src/video/state/types.ts index 5782d7c1..9a6f3987 100644 --- a/src/video/state/types.ts +++ b/src/video/state/types.ts @@ -1,10 +1,12 @@ +import Hls from "hls.js"; + import { MWCaption, MWStreamQuality, MWStreamType, } from "@/backend/helpers/streams"; import { DetailedMeta } from "@/backend/metadata/getmeta"; -import Hls from "hls.js"; + import { VideoPlayerStateProvider } from "./providers/providerTypes"; export type VideoPlayerMeta = { diff --git a/src/views/SettingsModal.tsx b/src/views/SettingsModal.tsx index b3ba74ed..47de7888 100644 --- a/src/views/SettingsModal.tsx +++ b/src/views/SettingsModal.tsx @@ -1,21 +1,22 @@ +import { useMemo } from "react"; +import { useTranslation } from "react-i18next"; + +import CaptionColorSelector, { + colors, +} from "@/components/CaptionColorSelector"; import { Dropdown } from "@/components/Dropdown"; import { Icon, Icons } from "@/components/Icon"; import { Modal, ModalCard } from "@/components/layout/Modal"; -import { useSettings } from "@/state/settings"; -import { useTranslation } from "react-i18next"; -import { CaptionCue } from "@/video/components/actions/CaptionRendererAction"; +import { Slider } from "@/components/Slider"; +import { conf } from "@/setup/config"; +import { appLanguageOptions } from "@/setup/i18n"; import { CaptionLanguageOption, LangCode, captionLanguages, } from "@/setup/iso6391"; -import { useMemo } from "react"; -import { appLanguageOptions } from "@/setup/i18n"; -import CaptionColorSelector, { - colors, -} from "@/components/CaptionColorSelector"; -import { Slider } from "@/components/Slider"; -import { conf } from "@/setup/config"; +import { useSettings } from "@/state/settings"; +import { CaptionCue } from "@/video/components/actions/CaptionRendererAction"; export default function SettingsModal(props: { onClose: () => void; diff --git a/src/views/developer/EmbedTesterView.tsx b/src/views/developer/EmbedTesterView.tsx index 9b659bb7..15315ea4 100644 --- a/src/views/developer/EmbedTesterView.tsx +++ b/src/views/developer/EmbedTesterView.tsx @@ -1,3 +1,5 @@ +import { ReactNode, useCallback, useEffect, useMemo, useState } from "react"; + import { MWEmbed, MWEmbedScraper, MWEmbedType } from "@/backend/helpers/embed"; import { getEmbeds } from "@/backend/helpers/register"; import { runEmbedScraper } from "@/backend/helpers/run"; @@ -7,7 +9,6 @@ import { Navigation } from "@/components/layout/Navigation"; import { ArrowLink } from "@/components/text/ArrowLink"; import { Title } from "@/components/text/Title"; import { useLoading } from "@/hooks/useLoading"; -import { ReactNode, useCallback, useEffect, useMemo, useState } from "react"; interface MediaSelectorProps { embedType: MWEmbedType; diff --git a/src/views/developer/ProviderTesterView.tsx b/src/views/developer/ProviderTesterView.tsx index 0862b2b8..45f2297b 100644 --- a/src/views/developer/ProviderTesterView.tsx +++ b/src/views/developer/ProviderTesterView.tsx @@ -1,3 +1,6 @@ +import { ReactNode, useEffect, useState } from "react"; + +import { testData } from "@/__tests__/providers/testdata"; import { MWProviderScrapeResult } from "@/backend/helpers/provider"; import { getProviders } from "@/backend/helpers/register"; import { runProvider } from "@/backend/helpers/run"; @@ -6,8 +9,6 @@ import { Navigation } from "@/components/layout/Navigation"; import { ArrowLink } from "@/components/text/ArrowLink"; import { Title } from "@/components/text/Title"; import { useLoading } from "@/hooks/useLoading"; -import { testData } from "@/__tests__/providers/testdata"; -import { ReactNode, useEffect, useState } from "react"; interface MediaSelectorProps { onSelect: (meta: DetailedMeta) => void; diff --git a/src/views/developer/VideoTesterView.tsx b/src/views/developer/VideoTesterView.tsx index 2291470e..4c3cb7e5 100644 --- a/src/views/developer/VideoTesterView.tsx +++ b/src/views/developer/VideoTesterView.tsx @@ -1,3 +1,6 @@ +import { useCallback, useState } from "react"; +import { Helmet } from "react-helmet"; + import { MWStreamQuality, MWStreamType } from "@/backend/helpers/streams"; import { DetailedMeta } from "@/backend/metadata/getmeta"; import { MWMediaType } from "@/backend/metadata/types"; @@ -8,8 +11,6 @@ import { ThinContainer } from "@/components/layout/ThinContainer"; import { MetaController } from "@/video/components/controllers/MetaController"; import { SourceController } from "@/video/components/controllers/SourceController"; import { VideoPlayer } from "@/video/components/VideoPlayer"; -import { useCallback, useState } from "react"; -import { Helmet } from "react-helmet"; interface VideoData { streamUrl: string; diff --git a/src/views/media/MediaErrorView.tsx b/src/views/media/MediaErrorView.tsx index 6e611f33..e79d3521 100644 --- a/src/views/media/MediaErrorView.tsx +++ b/src/views/media/MediaErrorView.tsx @@ -1,8 +1,9 @@ +import { Helmet } from "react-helmet"; +import { useTranslation } from "react-i18next"; + import { ErrorMessage } from "@/components/layout/ErrorBoundary"; import { useGoBack } from "@/hooks/useGoBack"; import { VideoPlayerHeader } from "@/video/components/parts/VideoPlayerHeader"; -import { Helmet } from "react-helmet"; -import { useTranslation } from "react-i18next"; export function MediaFetchErrorView() { const { t } = useTranslation(); diff --git a/src/views/media/MediaView.tsx b/src/views/media/MediaView.tsx index c2ee94e7..132161dd 100644 --- a/src/views/media/MediaView.tsx +++ b/src/views/media/MediaView.tsx @@ -1,25 +1,27 @@ -import { useHistory, useParams } from "react-router-dom"; -import { Helmet } from "react-helmet"; import { useEffect, useRef, useState } from "react"; +import { Helmet } from "react-helmet"; +import { useTranslation } from "react-i18next"; +import { useHistory, useParams } from "react-router-dom"; + import { MWStream } from "@/backend/helpers/streams"; -import { SelectedMediaData, useScrape } from "@/hooks/useScrape"; import { DetailedMeta, getMetaFromId } from "@/backend/metadata/getmeta"; import { decodeJWId } from "@/backend/metadata/justwatch"; -import { Loading } from "@/components/layout/Loading"; -import { useLoading } from "@/hooks/useLoading"; import { MWMediaType, MWSeasonWithEpisodeMeta } from "@/backend/metadata/types"; -import { useGoBack } from "@/hooks/useGoBack"; import { IconPatch } from "@/components/buttons/IconPatch"; -import { VideoPlayer } from "@/video/components/VideoPlayer"; -import { MetaController } from "@/video/components/controllers/MetaController"; -import { SourceController } from "@/video/components/controllers/SourceController"; import { Icons } from "@/components/Icon"; -import { VideoPlayerHeader } from "@/video/components/parts/VideoPlayerHeader"; -import { ProgressListenerController } from "@/video/components/controllers/ProgressListenerController"; -import { VideoPlayerMeta } from "@/video/state/types"; -import { SeriesController } from "@/video/components/controllers/SeriesController"; +import { Loading } from "@/components/layout/Loading"; +import { useGoBack } from "@/hooks/useGoBack"; +import { useLoading } from "@/hooks/useLoading"; +import { SelectedMediaData, useScrape } from "@/hooks/useScrape"; import { useWatchedItem } from "@/state/watched"; -import { useTranslation } from "react-i18next"; +import { MetaController } from "@/video/components/controllers/MetaController"; +import { ProgressListenerController } from "@/video/components/controllers/ProgressListenerController"; +import { SeriesController } from "@/video/components/controllers/SeriesController"; +import { SourceController } from "@/video/components/controllers/SourceController"; +import { VideoPlayerHeader } from "@/video/components/parts/VideoPlayerHeader"; +import { VideoPlayer } from "@/video/components/VideoPlayer"; +import { VideoPlayerMeta } from "@/video/state/types"; + import { MediaFetchErrorView } from "./MediaErrorView"; import { MediaScrapeLog } from "./MediaScrapeLog"; import { NotFoundMedia, NotFoundWrapper } from "../notfound/NotFoundView"; diff --git a/src/views/notfound/NotFoundView.tsx b/src/views/notfound/NotFoundView.tsx index 3d9e7032..b7dfccf1 100644 --- a/src/views/notfound/NotFoundView.tsx +++ b/src/views/notfound/NotFoundView.tsx @@ -1,12 +1,13 @@ import { ReactNode } from "react"; +import { Helmet } from "react-helmet"; import { useTranslation } from "react-i18next"; + import { IconPatch } from "@/components/buttons/IconPatch"; import { Icons } from "@/components/Icon"; import { Navigation } from "@/components/layout/Navigation"; import { ArrowLink } from "@/components/text/ArrowLink"; import { Title } from "@/components/text/Title"; import { useGoBack } from "@/hooks/useGoBack"; -import { Helmet } from "react-helmet"; import { VideoPlayerHeader } from "@/video/components/parts/VideoPlayerHeader"; export function NotFoundWrapper(props: { diff --git a/src/views/other/v2Migration.tsx b/src/views/other/v2Migration.tsx index 0f1e0424..1334ae26 100644 --- a/src/views/other/v2Migration.tsx +++ b/src/views/other/v2Migration.tsx @@ -1,5 +1,6 @@ -import { useEffect, useState } from "react"; import pako from "pako"; +import { useEffect, useState } from "react"; + import { MWMediaType } from "@/backend/metadata/types"; import { conf } from "@/setup/config"; diff --git a/src/views/search/HomeView.tsx b/src/views/search/HomeView.tsx index 952d1ec2..bfb64695 100644 --- a/src/views/search/HomeView.tsx +++ b/src/views/search/HomeView.tsx @@ -1,19 +1,21 @@ +import { useAutoAnimate } from "@formkit/auto-animate/react"; +import { useCallback, useEffect, useMemo, useState } from "react"; import { Trans, useTranslation } from "react-i18next"; +import { useHistory } from "react-router-dom"; + +import { Button } from "@/components/Button"; +import { EditButton } from "@/components/buttons/EditButton"; import { Icons } from "@/components/Icon"; +import { Modal, ModalCard } from "@/components/layout/Modal"; import { SectionHeading } from "@/components/layout/SectionHeading"; import { MediaGrid } from "@/components/media/MediaGrid"; +import { WatchedMediaCard } from "@/components/media/WatchedMediaCard"; import { getIfBookmarkedFromPortable, useBookmarkContext, } from "@/state/bookmark"; import { useWatchedContext } from "@/state/watched"; -import { WatchedMediaCard } from "@/components/media/WatchedMediaCard"; -import { EditButton } from "@/components/buttons/EditButton"; -import { useCallback, useEffect, useMemo, useState } from "react"; -import { useAutoAnimate } from "@formkit/auto-animate/react"; -import { useHistory } from "react-router-dom"; -import { Modal, ModalCard } from "@/components/layout/Modal"; -import { Button } from "@/components/Button"; + import { EmbedMigration } from "../other/v2Migration"; function Bookmarks() { diff --git a/src/views/search/SearchLoadingView.tsx b/src/views/search/SearchLoadingView.tsx index 307ed428..4c59d677 100644 --- a/src/views/search/SearchLoadingView.tsx +++ b/src/views/search/SearchLoadingView.tsx @@ -1,4 +1,5 @@ import { useTranslation } from "react-i18next"; + import { Loading } from "@/components/layout/Loading"; import { useSearchQuery } from "@/hooks/useSearchQuery"; diff --git a/src/views/search/SearchResultsPartial.tsx b/src/views/search/SearchResultsPartial.tsx index 63250193..5769338b 100644 --- a/src/views/search/SearchResultsPartial.tsx +++ b/src/views/search/SearchResultsPartial.tsx @@ -1,6 +1,8 @@ import { useEffect, useMemo, useState } from "react"; -import { useDebounce } from "@/hooks/useDebounce"; + import { MWQuery } from "@/backend/metadata/types"; +import { useDebounce } from "@/hooks/useDebounce"; + import { HomeView } from "./HomeView"; import { SearchLoadingView } from "./SearchLoadingView"; import { SearchResultsView } from "./SearchResultsView"; diff --git a/src/views/search/SearchResultsView.tsx b/src/views/search/SearchResultsView.tsx index 0726ae5f..25d347c9 100644 --- a/src/views/search/SearchResultsView.tsx +++ b/src/views/search/SearchResultsView.tsx @@ -1,13 +1,15 @@ import { useEffect, useState } from "react"; import { useTranslation } from "react-i18next"; + +import { searchForMedia } from "@/backend/metadata/search"; +import { MWMediaMeta, MWQuery } from "@/backend/metadata/types"; import { IconPatch } from "@/components/buttons/IconPatch"; import { Icons } from "@/components/Icon"; import { SectionHeading } from "@/components/layout/SectionHeading"; import { MediaGrid } from "@/components/media/MediaGrid"; import { WatchedMediaCard } from "@/components/media/WatchedMediaCard"; import { useLoading } from "@/hooks/useLoading"; -import { searchForMedia } from "@/backend/metadata/search"; -import { MWMediaMeta, MWQuery } from "@/backend/metadata/types"; + import { SearchLoadingView } from "./SearchLoadingView"; function SearchSuffix(props: { failed?: boolean; results?: number }) { diff --git a/src/views/search/SearchView.tsx b/src/views/search/SearchView.tsx index 9dfdee64..fce4ce08 100644 --- a/src/views/search/SearchView.tsx +++ b/src/views/search/SearchView.tsx @@ -1,14 +1,16 @@ import { useCallback, useState } from "react"; -import Sticky from "react-stickynode"; +import { Helmet } from "react-helmet"; import { useTranslation } from "react-i18next"; +import Sticky from "react-stickynode"; + import { Navigation } from "@/components/layout/Navigation"; import { ThinContainer } from "@/components/layout/ThinContainer"; +import { WideContainer } from "@/components/layout/WideContainer"; import { SearchBarInput } from "@/components/SearchBar"; import { Title } from "@/components/text/Title"; -import { useSearchQuery } from "@/hooks/useSearchQuery"; -import { WideContainer } from "@/components/layout/WideContainer"; import { useBannerSize } from "@/hooks/useBanner"; -import { Helmet } from "react-helmet"; +import { useSearchQuery } from "@/hooks/useSearchQuery"; + import { SearchResultsPartial } from "./SearchResultsPartial"; export function SearchView() { diff --git a/yarn.lock b/yarn.lock index 25213135..867bedb7 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2673,7 +2673,7 @@ eslint-module-utils@^2.7.4: dependencies: debug "^3.2.7" -eslint-plugin-import@^2.25.4: +eslint-plugin-import@^2.27.5: version "2.27.5" resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.27.5.tgz#876a6d03f52608a3e5bb439c2550588e51dd6c65" integrity sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==