Change TS import baseUrl

src/renderer/features/auth/queries/login.ts

@@ -1,9 +1,9 @@
 import md5 from 'md5';
 import { nanoid } from 'nanoid';
 import { useMutation, useQuery } from 'react-query';
-import { authApi } from 'renderer/api/authApi';
-import { queryKeys } from 'renderer/api/queryKeys';
-import { useAuthStore } from 'renderer/store';
+import { authApi } from '../../../api/authApi';
+import { queryKeys } from '../../../api/queryKeys';
+import { useAuthStore } from '../../../store';
 
 export const useLogin = (
   serverUrl: string,

src/renderer/features/auth/queries/usePingServer.ts

@@ -1,12 +0,0 @@
-import { useQuery } from 'react-query';
-import { authApi } from 'renderer/api/authApi';
-import { queryKeys } from 'renderer/api/queryKeys';
-
-export const usePingServer = (server: string) => {
-  return useQuery({
-    enabled: !!server,
-    queryFn: () => authApi.ping(server),
-    queryKey: queryKeys.ping(server),
-    retry: false,
-  });
-};

src/renderer/features/auth/routes/LoginRoute.tsx

@@ -12,7 +12,7 @@ import { useDebouncedValue } from '@mantine/hooks';
 import { useTranslation } from 'react-i18next';
 import { RiCheckboxCircleFill } from 'react-icons/ri';
 import { useSearchParams } from 'react-router-dom';
-import { normalizeServerUrl } from 'renderer/utils';
+import { normalizeServerUrl } from '../../../utils';
 import { useLogin, usePingServer } from '../queries/login';
 import styles from './LoginRoute.module.scss';
 

src/renderer/features/library/components/LibraryTab.tsx

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { motion } from 'framer-motion';
 import { Link, LinkProps } from 'react-router-dom';
 import styled from 'styled-components';
-import { fontGotham } from 'renderer/styles';
+import { fontGotham } from '../../../styles';
 
 interface LibraryTabProps extends LinkProps {
   children: ReactNode;

src/renderer/features/library/routes/LibraryAlbumsRoute.tsx

@@ -3,12 +3,12 @@ import { useState } from 'react';
 import { Button, Group, Menu } from '@mantine/core';
 import { useSetState } from '@mantine/hooks';
 import AutoSizer from 'react-virtualized-auto-sizer';
-import i18n from 'i18n/i18n';
-import { albumsApi } from 'renderer/api/albumsApi';
-import { VirtualInfiniteGrid } from 'renderer/components/virtual-grid/VirtualInfiniteGrid';
-import { AnimatedPage } from 'renderer/features/shared/components/AnimatedPage';
-import { AppRoute } from 'renderer/router/utils/routes';
-import { Item } from 'types';
+import i18n from '../../../../i18n/i18n';
+import { Item } from '../../../../types';
+import { albumsApi } from '../../../api/albumsApi';
+import { VirtualInfiniteGrid } from '../../../components/virtual-grid/VirtualInfiniteGrid';
+import { AppRoute } from '../../../router/utils/routes';
+import { AnimatedPage } from '../../shared/components/AnimatedPage';
 import { ViewType, ViewTypeButton } from '../components/ViewTypeButton';
 import { useAlbums } from '../queries/getAlbums';
 

src/renderer/features/library/routes/LibraryArtistsRoute.tsx

@@ -1,22 +1,18 @@
 /* eslint-disable no-plusplus */
-import { useRef } from 'react';
-import InfiniteLoader from 'react-window-infinite-loader';
-import { AnimatedPage } from 'renderer/features/shared/components/AnimatedPage';
+import { AnimatedPage } from '../../shared/components/AnimatedPage';
 import { useAlbums } from '../queries/getAlbums';
 
 export const LibraryArtistsRoute = () => {
-  const infiniteLoaderRef = useRef<InfiniteLoader>(null);
-
   const params = {
     orderBy: 'asc',
     sortBy: 'title',
   };
 
   const { data: albums } = useAlbums({
-    limit: 0,
-    page: 0,
+    skip: 0,
+    take: 0,
     ...params,
   });
 
-  return <AnimatedPage />;
+  return <AnimatedPage>Temp</AnimatedPage>;
 };

src/renderer/features/library/routes/LibraryRoute.tsx

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-import { AnimatedPage } from 'renderer/features/shared/components/AnimatedPage';
-import { AppRoute } from 'renderer/router/utils/routes';
+import { AppRoute } from '../../../router/utils/routes';
+import { AnimatedPage } from '../../shared/components/AnimatedPage';
 import LibraryTab from '../components/LibraryTab';
 
 const TabContainer = styled.div`

src/renderer/features/player/components/CenterControls.tsx

@@ -2,18 +2,18 @@ import { useEffect, useMemo, useState } from 'react';
 import format from 'format-duration';
 import { useTranslation } from 'react-i18next';
 import {
-  RiPlayFill,
-  RiSkipForwardFill,
-  RiSkipBackFill,
-  RiSpeedFill,
-  RiRewindFill,
   RiPauseFill,
+  RiPlayFill,
+  RiRewindFill,
+  RiSkipBackFill,
+  RiSkipForwardFill,
+  RiSpeedFill,
 } from 'react-icons/ri';
 import styled from 'styled-components';
-import { Text } from 'renderer/components';
-import { usePlayerStore } from 'renderer/store';
-import { Font } from 'renderer/styles';
-import { PlaybackType, PlayerStatus } from 'types';
+import { PlaybackType, PlayerStatus } from '../../../../types';
+import { Text } from '../../../components';
+import { usePlayerStore } from '../../../store';
+import { Font } from '../../../styles';
 import { useCenterControls } from '../hooks/useCenterControls';
 import { PlayerButton } from './PlayerButton';
 import { Slider } from './Slider';

src/renderer/features/player/components/LeftControls.tsx

@@ -1,8 +1,8 @@
 import { LazyLoadImage as Image } from 'react-lazy-load-image-component';
 import styled from 'styled-components';
-import { Text } from 'renderer/components';
-import { usePlayerStore } from 'renderer/store';
-import { Font } from 'renderer/styles';
+import { Text } from '../../../components';
+import { usePlayerStore } from '../../../store';
+import { Font } from '../../../styles';
 
 const LeftControlsContainer = styled.div`
   display: flex;

src/renderer/features/player/components/PlayerButton.tsx

@@ -6,7 +6,7 @@ import {
 } from '@mantine/core';
 import { motion } from 'framer-motion';
 import styled, { css } from 'styled-components';
-import { Tooltip } from 'renderer/components';
+import { Tooltip } from '../../../components';
 
 type MantineButtonProps = UnstyledButtonProps &
   ComponentPropsWithoutRef<'button'>;

src/renderer/features/player/components/Playerbar.tsx

@@ -1,8 +1,8 @@
 import { useRef } from 'react';
 import styled from 'styled-components';
-import { AudioPlayer } from 'renderer/components';
-import { usePlayerStore } from 'renderer/store';
-import { PlaybackType } from 'types';
+import { PlaybackType } from '../../../../types';
+import { AudioPlayer } from '../../../components';
+import { usePlayerStore } from '../../../store';
 import { CenterControls } from './CenterControls';
 import { LeftControls } from './LeftControls';
 import { RightControls } from './RightControls';

src/renderer/features/player/components/RightControls.tsx

@@ -1,7 +1,7 @@
 import { RiVolumeUpFill, RiVolumeMuteFill } from 'react-icons/ri';
 import styled from 'styled-components';
-import { IconButton } from 'renderer/components';
-import { usePlayerStore } from 'renderer/store';
+import { IconButton } from '../../../components';
+import { usePlayerStore } from '../../../store';
 import { useRightControls } from '../hooks/useRightControls';
 import { Slider } from './Slider';
 

src/renderer/features/player/hooks/useCenterControls.ts

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
-import { usePlayerStore } from 'renderer/store';
 import { PlaybackType, PlayerStatus } from '../../../../types';
+import { usePlayerStore } from '../../../store';
 import { mpvPlayer } from '../utils/mpvPlayer';
 
 export const useCenterControls = (args: { playersRef: any }) => {

src/renderer/features/player/hooks/usePlayQueueHandler.ts

@@ -1,11 +1,11 @@
 import { useQueryClient } from 'react-query';
-import { usePlayerStore } from 'renderer/store';
+import { Item, Play } from '../../../../types';
+import { usePlayerStore } from '../../../store';
 import {
   getJellyfinStreamUrl,
   getServerFolderAuth,
   getSubsonicStreamUrl,
-} from 'renderer/utils';
-import { Item, Play } from 'types';
+} from '../../../utils';
 import { mpvPlayer } from '../utils/mpvPlayer';
 
 const getEndpoint = (item: Item) => {

src/renderer/features/player/hooks/useRightControls.ts

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { usePlayerStore } from 'renderer/store';
+import { usePlayerStore } from '../../../store';
 import { mpvPlayer } from '../utils/mpvPlayer';
 
 export const useRightControls = () => {

src/renderer/features/servers/components/AddServerModal.tsx

@@ -35,7 +35,7 @@ export const AddServerModal = ({ ...rest }: ModalProps) => {
           const res = await validateServer(values);
 
           if (res?.token) {
-            createServerMutation.mutateAsync({
+            createServerMutation.mutate({
               ...values,
               remoteUserId: res.userId,
               token: res.token,

src/renderer/features/servers/components/EditServerModal.tsx

@@ -9,7 +9,7 @@ import {
 } from '@mantine/core';
 import { useForm } from '@mantine/form';
 import { useTranslation } from 'react-i18next';
-import { ServerResponse } from 'renderer/api/types';
+import { ServerResponse } from '../../../api/types';
 
 interface EditServerModalProps extends ModalProps {
   server: ServerResponse | undefined;

src/renderer/features/servers/components/ServerList.tsx

@@ -1,8 +1,7 @@
 import { useEffect, useState } from 'react';
-import { Text } from '@mantine/core';
+import { Button, Text } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
-import { ServerResponse } from 'renderer/api/types';
-import { IconButton } from 'renderer/components';
+import { ServerResponse } from '../../../api/types';
 import { useServers } from '../queries/useServers';
 import { EditServerModal } from './EditServerModal';
 import styles from './ServerList.module.scss';
@@ -60,9 +59,7 @@ export const ServerList = () => {
                 {server.name}
                 <Text>Hello</Text>
               </div>
-              <IconButton onClick={() => editServerHandlers.toggle()}>
-                Edit
-              </IconButton>
+              <Button onClick={() => editServerHandlers.toggle()}>Edit</Button>
             </div>
             {selectedServer && (
               <EditServerModal

src/renderer/features/servers/queries/useCreateServer.ts

@@ -1,8 +1,8 @@
 import axios from 'axios';
 import md5 from 'md5';
 import { useMutation } from 'react-query';
-import { serversApi } from 'renderer/api/serversApi';
-import { randomString } from 'renderer/utils';
+import { serversApi } from '../../../api/serversApi';
+import { randomString } from '../../../utils';
 
 export const validateServer = async (options: {
   legacyAuth: boolean;

src/renderer/features/servers/queries/useServers.ts

@@ -1,9 +1,9 @@
 import md5 from 'md5';
 import { useQuery } from 'react-query';
-import { queryKeys } from 'renderer/api/queryKeys';
-import { serversApi } from 'renderer/api/serversApi';
-import { ServerFolderResponse } from 'renderer/api/types';
-import { ServerFolderAuth } from 'types';
+import { ServerFolderAuth } from '../../../../types';
+import { queryKeys } from '../../../api/queryKeys';
+import { serversApi } from '../../../api/serversApi';
+import { ServerFolderResponse } from '../../../api/types';
 
 export const useServers = () => {
   return useQuery({

src/renderer/features/settings/hooks/useDefaultSettings.ts

@@ -1,11 +1,11 @@
 import isElectron from 'is-electron';
-import { PlayerState } from 'renderer/store';
 import {
   CrossfadeStyle,
   PlaybackStyle,
   PlaybackType,
   PlayerRepeat,
-} from 'types';
+} from '../../../../types';
+import { PlayerState } from '../../../store';
 
 export interface WebSettings {
   player: PlayerSettings;

src/renderer/features/sidebar/components/ListItem.tsx

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 import { motion } from 'framer-motion';
 import { Link, LinkProps } from 'react-router-dom';
 import styled, { css } from 'styled-components';
-import { fontInter } from 'renderer/styles';
+import { fontInter } from '../../../styles';
 
 interface ListItemProps {
   children: ReactNode;

src/renderer/features/sidebar/components/Sidebar.tsx

@@ -4,7 +4,7 @@ import {
   RiSearch2Fill,
 } from 'react-icons/ri';
 import styled from 'styled-components';
-import { AppRoute } from 'renderer/router/utils/routes';
+import { AppRoute } from '../../../router/utils/routes';
 import { ListItem } from './ListItem';
 
 const StyledSidebar = styled.div``;

src/renderer/features/titlebar/components/Titlebar.tsx

@@ -3,8 +3,8 @@ import { Group } from '@mantine/core';
 import { RiArrowLeftSLine, RiArrowRightSLine } from 'react-icons/ri';
 import { useNavigate } from 'react-router-dom';
 import styled from 'styled-components';
-import { IconButton } from 'renderer/components';
-import { WindowControls } from 'renderer/features/window-controls';
+import { IconButton } from '../../../components';
+import { WindowControls } from '../../window-controls';
 
 interface TitlebarProps {
   children?: ReactNode;

src/renderer/features/titlebar/components/UserMenu.tsx

@@ -2,8 +2,8 @@ import { Button, Menu } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { RiLogoutBoxLine, RiServerFill, RiSettings3Fill } from 'react-icons/ri';
 import { useNavigate } from 'react-router';
-import { AddServerModal } from 'renderer/features/servers';
-import { useAuthStore } from 'renderer/store';
+import { useAuthStore } from '../../../store';
+import { AddServerModal } from '../../servers';
 
 export const UserMenu = () => {
   const navigate = useNavigate();

src/renderer/features/user-menu/index.ts

@@ -1 +0,0 @@
-export * from './UserMenu';