chore: setup knip and fix warning

.eslintrc

@@ -0,0 +1,3 @@
+{
+  "extends": ["react-app", "react-app/jest"]
+}

.knip.json

@@ -0,0 +1,3 @@
+{
+  "entry": ["src/index.tsx"]
+}

src/components/NavbarLink.tsx

@@ -11,7 +11,7 @@ import { useLocation } from "react-router-dom";
 import { useStableNavigate } from "../providers/Navigate";
 import classes from "./NavbarLink.module.css";
 
-export type RoutePath =
+type RoutePath =
   | "/"
   | "/search"
   | "/favorites"

src/components/Navigation.tsx

@@ -23,7 +23,7 @@ import { NavbarLink } from "./NavbarLink";
 import classes from "./Navigation.module.css";
 import { PlayerSpace } from "./Player";
 
-export const NAVIGATION_WIDTH = 88;
+const NAVIGATION_WIDTH = 88;
 
 export const Navigation = memo(() => {
   const { t } = useTranslation();

src/components/PlayerActions.tsx

@@ -48,7 +48,7 @@ interface ButtonNextVideoProps extends ActionIconProps {
   iconSize?: number;
 }
 
-export const ButtonPlayPause: FC<ButtonNextVideoProps> = memo(
+const ButtonPlayPause: FC<ButtonNextVideoProps> = memo(
   ({ size, radius, iconSize }) => {
     const playerState = usePlayerState();
     const playerAudio = usePlayerAudio();

src/components/TransferList.tsx

@@ -14,7 +14,7 @@ import { useTranslation } from "react-i18next";
 
 import classes from "./TransferList.module.css";
 
-export type TransferListData = [string[], string[]];
+type TransferListData = [string[], string[]];
 
 interface TransferListProps {
   data: string[];

src/database/utils.ts

@@ -57,12 +57,6 @@ export const getAllPlaylists = (): CardPlaylist[] => {
   return db.queryAll("playlists");
 };
 
-export const getLocalPlaylists = (): CardPlaylist[] => {
-  return db.queryAll("playlists", {
-    query: (row: Playlist) => row.title !== "Favorites" && !row.playlistId,
-  });
-};
-
 export const getPlaylist = (playlistId: number): Playlist => {
   return db.queryAll("playlists", { query: { ID: playlistId } })[0];
 };

src/hooks/useScript.ts

@@ -2,8 +2,9 @@ import { useEffect, useState } from 'react'
 
 // Source: https://usehooks-ts.com/react-hook/use-script
 
-export type UseScriptStatus = 'idle' | 'loading' | 'ready' | 'error'
-export interface UseScriptOptions {
+type UseScriptStatus = 'idle' | 'loading' | 'ready' | 'error'
+
+interface UseScriptOptions {
   shouldPreventLoad?: boolean
   removeOnUnmount?: boolean
 }

src/providers/PlayerMode.tsx

@@ -7,7 +7,7 @@ import {
   useState,
 } from "react";
 
-export type PlayerMode = "audio" | "video";
+type PlayerMode = "audio" | "video";
 
 const PlayerModeContext = createContext<PlayerMode>("audio");
 const SetPlayerModeContext = createContext<(mode: PlayerMode) => void>(

src/serviceWorkerRegistration.ts

@@ -132,15 +132,3 @@ function checkValidServiceWorker(swUrl: string, config?: Config) {
       );
     });
 }
-
-export function unregister() {
-  if ("serviceWorker" in navigator) {
-    navigator.serviceWorker.ready
-      .then((registration) => {
-        registration.unregister();
-      })
-      .catch((error) => {
-        console.error(error.message);
-      });
-  }
-}

src/translations/index.ts

@@ -33,7 +33,7 @@ export const languagesValues = [
   },
 ];
 
-export const resources = {
+const resources = {
   en: {
     translation: en,
   },

src/types/interfaces/Search.ts

@@ -8,14 +8,6 @@ export type SearchDuration = "all" | "short" | "medium" | "long";
 export type SearchDate = "all" | "hour" | "today" | "week" | "month" | "year";
 export type SearchService = "invidious" | "youtube_music";
 
-export interface SearchParams {
-  q: String;
-  type: SearchTypes;
-  sortBy: SearchSortBy;
-  date: SearchDate;
-  duration: SearchDuration;
-}
-
 export interface Search {
   q: string;
   type: SearchTypes;

src/types/interfaces/SponsorBlock.ts

@@ -1,4 +1,4 @@
-export type SponsorBlockCategory =
+type SponsorBlockCategory =
   | "sponsor"
   | "intro"
   | "outro"

src/utils/getArrayDifference.ts

@@ -2,7 +2,7 @@ import { removeDuplicateVideoId } from "../database/utils";
 import type { Card, CardVideo } from "../types/interfaces/Card";
 import type { Playlist } from "../types/interfaces/Playlist";
 
-export const getCardId = <T>(card: T): string | number =>
+const getCardId = <T>(card: T): string | number =>
   // @ts-ignore
   card.ID || card.videoId || card.playlistId || card.authorId;