Dash.
- {!dashdotService ? (
-
No dash. service found. Please add one to your Homarr dashboard.
- ) : !info ? (
+ {!info ? (
Cannot acquire information from dash. - are you running the latest version?
) : (
@@ -209,9 +225,7 @@ export function DashdotComponent() {
}
key={graph.name}
title={graph.name}
- src={`${
- dashdotService.url
- }?singleGraphMode=true&graph=${graph.name.toLowerCase()}&theme=${colorScheme}&surface=${(colorScheme ===
+ src={`${dashdotUrl}?singleGraphMode=true&graph=${graph.name.toLowerCase()}&theme=${colorScheme}&surface=${(colorScheme ===
'dark'
? theme.colors.dark[7]
: theme.colors.gray[0]
@@ -223,7 +237,6 @@ export function DashdotComponent() {
: ''
}`}
frameBorder="0"
- allowTransparency
/>
))}
diff --git a/src/components/modules/dash./index.ts b/src/modules/dashdot/index.ts
similarity index 100%
rename from src/components/modules/dash./index.ts
rename to src/modules/dashdot/index.ts
diff --git a/src/components/modules/date/DateModule.tsx b/src/modules/date/DateModule.tsx
similarity index 78%
rename from src/components/modules/date/DateModule.tsx
rename to src/modules/date/DateModule.tsx
index 3e212af83..72a83fba8 100644
--- a/src/components/modules/date/DateModule.tsx
+++ b/src/modules/date/DateModule.tsx
@@ -2,9 +2,9 @@ import { Group, Text, Title } from '@mantine/core';
import dayjs from 'dayjs';
import { useEffect, useState } from 'react';
import { IconClock as Clock } from '@tabler/icons';
-import { useConfig } from '../../../tools/state';
-import { IModule } from '../modules';
-import { useSetSafeInterval } from '../../../tools/hooks/useSetSafeInterval';
+import { useConfig } from '../../tools/state';
+import { IModule } from '../ModuleTypes';
+import { useSetSafeInterval } from '../../tools/hooks/useSetSafeInterval';
export const DateModule: IModule = {
title: 'Date',
@@ -34,9 +34,9 @@ export default function DateComponent(props: any) {
}, []);
return (
-
+
{dayjs(date).format(formatString)}
- {dayjs(date).format('dddd, MMMM D')}
+ {dayjs(date).format('dddd, MMMM D')}
);
}
diff --git a/src/components/modules/date/index.ts b/src/modules/date/index.ts
similarity index 100%
rename from src/components/modules/date/index.ts
rename to src/modules/date/index.ts
diff --git a/src/components/modules/docker/ContainerActionBar.tsx b/src/modules/docker/ContainerActionBar.tsx
similarity index 94%
rename from src/components/modules/docker/ContainerActionBar.tsx
rename to src/modules/docker/ContainerActionBar.tsx
index 39461472d..0ae7e2ed1 100644
--- a/src/components/modules/docker/ContainerActionBar.tsx
+++ b/src/modules/docker/ContainerActionBar.tsx
@@ -1,5 +1,4 @@
import { Button, Group, Modal, Title } from '@mantine/core';
-import { useBooleanToggle } from '@mantine/hooks';
import { showNotification, updateNotification } from '@mantine/notifications';
import {
IconCheck,
@@ -12,8 +11,9 @@ import {
} from '@tabler/icons';
import axios from 'axios';
import Dockerode from 'dockerode';
-import { tryMatchService } from '../../../tools/addToHomarr';
-import { AddAppShelfItemForm } from '../../AppShelf/AddAppShelfItem';
+import { tryMatchService } from '../../tools/addToHomarr';
+import { AddAppShelfItemForm } from '../../components/AppShelf/AddAppShelfItem';
+import { useState } from 'react';
function sendDockerCommand(
action: string,
@@ -60,7 +60,7 @@ export interface ContainerActionBarProps {
}
export default function ContainerActionBar({ selected, reload }: ContainerActionBarProps) {
- const [opened, setOpened] = useBooleanToggle(false);
+ const [opened, setOpened] = useState(false);
return (
([]);
const [selection, setSelection] = useState([]);
- const [visible, setVisible] = useState(false);
const { config } = useConfig();
+ const moduleEnabled = config.modules?.[DockerModule.title]?.enabled ?? false;
useEffect(() => {
reload();
- }, []);
+ }, [config.modules]);
function reload() {
- setVisible(true);
+ if (!moduleEnabled) {
+ return;
+ }
setTimeout(() => {
axios
.get('/api/docker/containers')
.then((res) => {
setContainers(res.data);
setSelection([]);
- setVisible(false);
})
.catch(() =>
// Send an Error notification
@@ -57,14 +58,16 @@ export default function DockerMenuButton(props: any) {
if (containers.length < 1) return null;
return (
<>
- setOpened(false)} padding="xl" size="full">
-
-
+ setOpened(false)}
+ padding="xl"
+ size="full"
+ title={
-
+
-
+
);
}
diff --git a/src/components/modules/docker/DockerTable.tsx b/src/modules/docker/DockerTable.tsx
similarity index 98%
rename from src/components/modules/docker/DockerTable.tsx
rename to src/modules/docker/DockerTable.tsx
index c8cf76f22..1a6915089 100644
--- a/src/components/modules/docker/DockerTable.tsx
+++ b/src/modules/docker/DockerTable.tsx
@@ -101,7 +101,6 @@ export default function DockerTable({
onChange={handleSearchChange}
/>
- your docker containers
diff --git a/src/components/modules/docker/index.ts b/src/modules/docker/index.ts
similarity index 100%
rename from src/components/modules/docker/index.ts
rename to src/modules/docker/index.ts
diff --git a/src/components/modules/downloads/DownloadsModule.tsx b/src/modules/downloads/DownloadsModule.tsx
similarity index 86%
rename from src/components/modules/downloads/DownloadsModule.tsx
rename to src/modules/downloads/DownloadsModule.tsx
index 83137dd00..d81de9123 100644
--- a/src/components/modules/downloads/DownloadsModule.tsx
+++ b/src/modules/downloads/DownloadsModule.tsx
@@ -8,7 +8,6 @@ import {
Skeleton,
ScrollArea,
Center,
- Image,
} from '@mantine/core';
import { IconDownload as Download } from '@tabler/icons';
import { useEffect, useState } from 'react';
@@ -16,11 +15,11 @@ import axios from 'axios';
import { NormalizedTorrent } from '@ctrl/shared-torrent';
import { useViewportSize } from '@mantine/hooks';
import { showNotification } from '@mantine/notifications';
-import { IModule } from '../modules';
-import { useConfig } from '../../../tools/state';
-import { AddItemShelfButton } from '../../AppShelf/AddAppShelfItem';
-import { useSetSafeInterval } from '../../../tools/hooks/useSetSafeInterval';
-import { humanFileSize } from '../../../tools/humanFileSize';
+import { IModule } from '../ModuleTypes';
+import { useConfig } from '../../tools/state';
+import { AddItemShelfButton } from '../../components/AppShelf/AddAppShelfItem';
+import { useSetSafeInterval } from '../../tools/hooks/useSetSafeInterval';
+import { humanFileSize } from '../../tools/humanFileSize';
export const DownloadsModule: IModule = {
title: 'Torrent',
@@ -82,10 +81,10 @@ export default function DownloadComponent() {
if (downloadServices.length === 0) {
return (
-
+
No supported download clients found!
- Add a download service to view your current downloads...
+ Add a download service to view your current downloads
@@ -187,23 +186,18 @@ export default function DownloadComponent() {
);
});
- const easteregg = (
-
-
- );
return (
-
-
- {rows.length > 0 ? (
-
- ) : (
- easteregg
- )}
-
-
+
+ {rows.length > 0 ? (
+
+ ) : (
+
+ No torrents found
+
+ )}
+
);
}
diff --git a/src/components/modules/downloads/TotalDownloadsModule.tsx b/src/modules/downloads/TotalDownloadsModule.tsx
similarity index 88%
rename from src/components/modules/downloads/TotalDownloadsModule.tsx
rename to src/modules/downloads/TotalDownloadsModule.tsx
index ab25947dc..ccf7de7b3 100644
--- a/src/components/modules/downloads/TotalDownloadsModule.tsx
+++ b/src/modules/downloads/TotalDownloadsModule.tsx
@@ -1,4 +1,4 @@
-import { Text, Title, Group, useMantineTheme, Box, Card, ColorSwatch } from '@mantine/core';
+import { Text, Title, Group, useMantineTheme, Box, Card, ColorSwatch, Stack } from '@mantine/core';
import { IconDownload as Download } from '@tabler/icons';
import { useEffect, useState } from 'react';
import axios from 'axios';
@@ -7,11 +7,11 @@ import { linearGradientDef } from '@nivo/core';
import { Datum, ResponsiveLine } from '@nivo/line';
import { useListState } from '@mantine/hooks';
import { showNotification } from '@mantine/notifications';
-import { AddItemShelfButton } from '../../AppShelf/AddAppShelfItem';
-import { useConfig } from '../../../tools/state';
-import { humanFileSize } from '../../../tools/humanFileSize';
-import { IModule } from '../modules';
-import { useSetSafeInterval } from '../../../tools/hooks/useSetSafeInterval';
+import { AddItemShelfButton } from '../../components/AppShelf/AddAppShelfItem';
+import { useConfig } from '../../tools/state';
+import { humanFileSize } from '../../tools/humanFileSize';
+import { IModule } from '../ModuleTypes';
+import { useSetSafeInterval } from '../../tools/hooks/useSetSafeInterval';
export const TotalDownloadsModule: IModule = {
title: 'Download Speed',
@@ -43,6 +43,7 @@ export default function TotalDownloadsComponent() {
const totalDownloadSpeed = torrents.reduce((acc, torrent) => acc + torrent.downloadSpeed, 0);
const totalUploadSpeed = torrents.reduce((acc, torrent) => acc + torrent.uploadSpeed, 0);
useEffect(() => {
+ if (downloadServices.length === 0) return;
const interval = setSafeInterval(() => {
// Send one request with each download service inside
axios
@@ -78,12 +79,16 @@ export default function TotalDownloadsComponent() {
if (downloadServices.length === 0) {
return (
-
+
No supported download clients found!
-
- Add a download service to view your current downloads...
-
+
+
+ Add a download service to view your current downloads
+
);
}
@@ -101,9 +106,9 @@ export default function TotalDownloadsComponent() {
})) as Datum[];
return (
-
+
Current download speed
-
+
Download: {humanFileSize(totalDownloadSpeed)}/s
@@ -112,7 +117,7 @@ export default function TotalDownloadsComponent() {
Upload: {humanFileSize(totalUploadSpeed)}/s
-
+
{roundedSeconds} seconds ago
-
+
Download: {humanFileSize(Download)}
@@ -142,7 +147,7 @@ export default function TotalDownloadsComponent() {
Upload: {humanFileSize(Upload)}
-
+
);
@@ -181,6 +186,6 @@ export default function TotalDownloadsComponent() {
]}
/>
-
+
);
}
diff --git a/src/components/modules/downloads/index.ts b/src/modules/downloads/index.ts
similarity index 100%
rename from src/components/modules/downloads/index.ts
rename to src/modules/downloads/index.ts
diff --git a/src/components/modules/index.ts b/src/modules/index.ts
similarity index 76%
rename from src/components/modules/index.ts
rename to src/modules/index.ts
index d0b89acad..88cb1ad02 100644
--- a/src/components/modules/index.ts
+++ b/src/modules/index.ts
@@ -1,8 +1,9 @@
export * from './calendar';
-export * from './dash.';
+export * from './dashdot';
export * from './date';
export * from './downloads';
export * from './ping';
export * from './search';
export * from './weather';
export * from './docker';
+export * from './overseerr';
diff --git a/src/components/modules/moduleWrapper.tsx b/src/modules/moduleWrapper.tsx
similarity index 78%
rename from src/components/modules/moduleWrapper.tsx
rename to src/modules/moduleWrapper.tsx
index 6bbd69c86..90e958f91 100644
--- a/src/components/modules/moduleWrapper.tsx
+++ b/src/modules/moduleWrapper.tsx
@@ -1,4 +1,5 @@
import {
+ ActionIcon,
Button,
Card,
Group,
@@ -8,8 +9,11 @@ import {
TextInput,
useMantineColorScheme,
} from '@mantine/core';
-import { useConfig } from '../../tools/state';
-import { IModule } from './modules';
+import { IconAdjustments } from '@tabler/icons';
+import { motion } from 'framer-motion';
+import { useState } from 'react';
+import { useConfig } from '../tools/state';
+import { IModule } from './ModuleTypes';
function getItems(module: IModule) {
const { config, setConfig } = useConfig();
@@ -78,7 +82,7 @@ function getItems(module: IModule) {
});
}}
>
-
+
- {
+ setHovering(true);
}}
- />
-
- Settings
- {items.map((item) => (
- {item}
- ))}
+
+
+
+
+
+
+
+ Settings
+ {items.map((item) => (
+ {item}
+ ))}
+
)}
diff --git a/src/modules/overseerr/Movie.d.ts b/src/modules/overseerr/Movie.d.ts
new file mode 100644
index 000000000..558bccbcc
--- /dev/null
+++ b/src/modules/overseerr/Movie.d.ts
@@ -0,0 +1,248 @@
+export interface MovieResult {
+ id: number;
+ adult: boolean;
+ budget: number;
+ genres: Genre[];
+ relatedVideos: RelatedVideo[];
+ originalLanguage: string;
+ originalTitle: string;
+ popularity: number;
+ productionCompanies: ProductionCompany[];
+ productionCountries: ProductionCountry[];
+ releaseDate: Date;
+ releases: Releases;
+ revenue: number;
+ spokenLanguages: SpokenLanguage[];
+ status: string;
+ title: string;
+ video: boolean;
+ voteAverage: number;
+ voteCount: number;
+ backdropPath: string;
+ homepage: string;
+ imdbId: string;
+ overview: string;
+ posterPath: string;
+ runtime: number;
+ tagline: string;
+ credits: Credits;
+ collection: Collection;
+ externalIds: ExternalIDS;
+ mediaInfo: Media;
+ watchProviders: WatchProvider[];
+}
+
+export interface Collection {
+ id: number;
+ name: string;
+ posterPath: string;
+ backdropPath: string;
+}
+
+export interface Credits {
+ cast: Cast[];
+ crew: Crew[];
+}
+
+export interface Cast {
+ castId: number;
+ character: string;
+ creditId: string;
+ id: number;
+ name: string;
+ order: number;
+ gender: number;
+ profilePath: null | string;
+}
+
+export interface Crew {
+ creditId: string;
+ department: Department;
+ id: number;
+ job: string;
+ name: string;
+ gender: number;
+ profilePath: null | string;
+}
+
+export enum Department {
+ Art = 'Art',
+ Camera = 'Camera',
+ CostumeMakeUp = 'Costume & Make-Up',
+ Crew = 'Crew',
+ Directing = 'Directing',
+ Editing = 'Editing',
+ Production = 'Production',
+ Sound = 'Sound',
+ VisualEffects = 'Visual Effects',
+ Writing = 'Writing',
+}
+
+export interface ExternalIDS {
+ facebookId: string;
+ imdbId: string;
+ instagramId: string;
+ twitterId: string;
+}
+
+export interface Genre {
+ id: number;
+ name: string;
+}
+
+export interface Request {
+ id: number;
+ status: number;
+ createdAt: Date;
+ updatedAt: Date;
+ type: string;
+ is4k: boolean;
+ serverId: number;
+ profileId: number;
+ rootFolder: string;
+ languageProfileId: null;
+ tags: any[];
+ media: Media;
+ requestedBy: EdBy;
+ modifiedBy: EdBy;
+ seasons: any[];
+ seasonCount: number;
+}
+
+export interface Media {
+ downloadStatus: any[];
+ downloadStatus4k: any[];
+ id: number;
+ mediaType: string;
+ tmdbId: number;
+ tvdbId: null;
+ imdbId: null;
+ status: number;
+ status4k: number;
+ createdAt: Date;
+ updatedAt: Date;
+ lastSeasonChange: Date;
+ mediaAddedAt: Date;
+ serviceId: number;
+ serviceId4k: null;
+ externalServiceId: number;
+ externalServiceId4k: null;
+ externalServiceSlug: string;
+ externalServiceSlug4k: null;
+ ratingKey: string;
+ ratingKey4k: null;
+ requests?: Request[];
+ issues?: any[];
+ seasons: any[];
+ plexUrl: string;
+ serviceUrl: string;
+}
+
+export interface EdBy {
+ permissions: number;
+ id: number;
+ email: string;
+ plexUsername: string;
+ username: string;
+ recoveryLinkExpirationDate: null;
+ userType: number;
+ avatar: string;
+ movieQuotaLimit: null;
+ movieQuotaDays: null;
+ tvQuotaLimit: null;
+ tvQuotaDays: null;
+ createdAt: Date;
+ updatedAt: Date;
+ settings: Settings;
+ requestCount: number;
+ displayName: string;
+}
+
+export interface Settings {
+ id: number;
+ locale: string;
+ region: string;
+ originalLanguage: null;
+ pgpKey: null;
+ discordId: string;
+ pushbulletAccessToken: null;
+ pushoverApplicationToken: null;
+ pushoverUserKey: null;
+ telegramChatId: null;
+ telegramSendSilently: null;
+ notificationTypes: NotificationTypes;
+}
+
+export interface NotificationTypes {
+ discord: number;
+ email: number;
+ webpush: number;
+}
+
+export interface ProductionCompany {
+ id: number;
+ name: string;
+ originCountry?: string;
+ logoPath: string;
+ displayPriority?: number;
+}
+
+export interface ProductionCountry {
+ iso_3166_1: string;
+ name: string;
+}
+
+export interface RelatedVideo {
+ site: string;
+ key: string;
+ name: string;
+ size: number;
+ type: string;
+ url: string;
+}
+
+export interface Releases {
+ results: Result[];
+}
+
+export interface Result {
+ iso_3166_1: string;
+ release_dates: ReleaseDate[];
+}
+
+export interface ReleaseDate {
+ certification: string;
+ iso_639_1: ISO639_1 | null;
+ note: Note;
+ release_date: Date;
+ type: number;
+}
+
+export enum ISO639_1 {
+ CS = 'cs',
+ Empty = '',
+}
+
+export enum Note {
+ Empty = '',
+ HBOMax = 'HBO Max',
+ LosAngelesCalifornia = 'Los Angeles, California',
+ Starz = 'STARZ',
+ The4KUHDBluRayDVD = '4K UHD, Blu-ray & DVD',
+ TheMoreFunStuffVersion = 'The More Fun Stuff Version',
+ Tvod = 'TVOD',
+ VOD = 'VOD',
+}
+
+export interface SpokenLanguage {
+ english_name: string;
+ iso_639_1: string;
+ name: string;
+}
+
+export interface WatchProvider {
+ iso_3166_1: string;
+ link: string;
+ buy: ProductionCompany[];
+ flatrate: ProductionCompany[];
+}
diff --git a/src/modules/overseerr/OverseerrModule.tsx b/src/modules/overseerr/OverseerrModule.tsx
new file mode 100644
index 000000000..1fe9a39c7
--- /dev/null
+++ b/src/modules/overseerr/OverseerrModule.tsx
@@ -0,0 +1,14 @@
+import { IconEyeglass } from '@tabler/icons';
+import { OverseerrMediaDisplay } from '../common';
+import { IModule } from '../ModuleTypes';
+
+export const OverseerrModule: IModule = {
+ title: 'Overseerr',
+ description: 'Allows you to search and add media from Overseerr/Jellyseerr',
+ icon: IconEyeglass,
+ component: OverseerrMediaDisplay,
+};
+
+export interface OverseerSearchProps {
+ query: string;
+}
diff --git a/src/modules/overseerr/RequestModal.tsx b/src/modules/overseerr/RequestModal.tsx
new file mode 100644
index 000000000..ee23e2678
--- /dev/null
+++ b/src/modules/overseerr/RequestModal.tsx
@@ -0,0 +1,240 @@
+import { Alert, Button, Checkbox, createStyles, Group, Modal, Stack, Table } from '@mantine/core';
+import { showNotification, updateNotification } from '@mantine/notifications';
+import { IconAlertCircle, IconCheck, IconDownload } from '@tabler/icons';
+import axios from 'axios';
+import Consola from 'consola';
+import { useState } from 'react';
+import { useColorTheme } from '../../tools/color';
+import { MovieResult } from './Movie.d';
+import { MediaType, Result } from './SearchResult.d';
+import { TvShowResult, TvShowResultSeason } from './TvShow.d';
+
+interface RequestModalProps {
+ base: Result;
+ opened: boolean;
+ setOpened: (opened: boolean) => void;
+}
+
+const useStyles = createStyles((theme) => ({
+ rowSelected: {
+ backgroundColor:
+ theme.colorScheme === 'dark'
+ ? theme.fn.rgba(theme.colors[theme.primaryColor][7], 0.2)
+ : theme.colors[theme.primaryColor][0],
+ },
+}));
+
+export function RequestModal({ base, opened, setOpened }: RequestModalProps) {
+ const [result, setResult] = useState();
+ const { secondaryColor } = useColorTheme();
+ function getResults(base: Result) {
+ axios.get(`/api/modules/overseerr/${base.id}?type=${base.mediaType}`).then((res) => {
+ setResult(res.data);
+ });
+ }
+ if (opened && !result) {
+ getResults(base);
+ }
+ if (!result || !opened) {
+ return null;
+ }
+ return base.mediaType === 'movie' ? (
+ setOpened(false)}
+ radius="lg"
+ size="lg"
+ trapFocus
+ zIndex={150}
+ withinPortal
+ opened={opened}
+ title={
+
+
+ }
+ >
+
+
+ setOpened(false)}>
+ Cancel
+
+ {
+ askForMedia(MediaType.Movie, result.id, result.title, []);
+ }}
+ >
+ Request
+
+
+
+
+ );
+}
+
+export function TvRequestModal({
+ result,
+ opened,
+ setOpened,
+}: {
+ result: TvShowResult;
+ opened: boolean;
+ setOpened: (opened: boolean) => void;
+}) {
+ const [selection, setSelection] = useState(result.seasons);
+ const { classes, cx } = useStyles();
+
+ const toggleRow = (container: TvShowResultSeason) =>
+ setSelection((current: TvShowResultSeason[]) =>
+ current.includes(container) ? current.filter((c) => c !== container) : [...current, container]
+ );
+ const toggleAll = () =>
+ setSelection((current: any) =>
+ current.length === result.seasons.length ? [] : result.seasons.map((c) => c)
+ );
+
+ const rows = result.seasons.map((element) => {
+ const selected = selection.includes(element);
+ return (
+
+
+ toggleRow(element)}
+ transitionDuration={0}
+ />
+
+ {element.name}
+ {element.episodeCount}
+
+ );
+ });
+ const { secondaryColor } = useColorTheme();
+
+ return (
+ setOpened(false)}
+ radius="lg"
+ size="lg"
+ opened={opened}
+ title={
+
+
+ }
+ >
+
+
+ Tick the seasons that you want to be downloaded
+
+
+
+ 0 && selection.length !== result.seasons.length}
+ transitionDuration={0}
+ />
+
+ Season
+ Number of episodes
+
+
+ {rows}
+
+
+ setOpened(false)}>
+ Cancel
+
+ {
+ askForMedia(
+ MediaType.Tv,
+ result.id,
+ result.name,
+ selection.map((s) => s.seasonNumber)
+ );
+ }}
+ >
+ Request
+
+
+
+
+ );
+}
+
+function askForMedia(type: MediaType, id: number, name: string, seasons?: number[]) {
+ Consola.info(`Requesting ${type} ${id} ${name}`);
+ showNotification({
+ title: 'Request',
+ id: id.toString(),
+ message: `Requesting media ${name}`,
+ color: 'orange',
+ loading: true,
+ autoClose: false,
+ disallowClose: true,
+ icon:
-
{null}
-
-
+
+
);
}
diff --git a/src/components/modules/ping/index.ts b/src/modules/ping/index.ts
similarity index 100%
rename from src/components/modules/ping/index.ts
rename to src/modules/ping/index.ts
diff --git a/src/components/modules/readme.md b/src/modules/readme.md
similarity index 100%
rename from src/components/modules/readme.md
rename to src/modules/readme.md
diff --git a/src/modules/search/SearchModule.tsx b/src/modules/search/SearchModule.tsx
new file mode 100644
index 000000000..42a778a3c
--- /dev/null
+++ b/src/modules/search/SearchModule.tsx
@@ -0,0 +1,199 @@
+import { Kbd, createStyles, Autocomplete, Popover, ScrollArea, Divider } from '@mantine/core';
+import { useClickOutside, useDebouncedValue, useHotkeys } from '@mantine/hooks';
+import { useForm } from '@mantine/form';
+import React, { useEffect, useRef, useState } from 'react';
+import {
+ IconSearch as Search,
+ IconBrandYoutube as BrandYoutube,
+ IconDownload as Download,
+ IconMovie,
+} from '@tabler/icons';
+import axios from 'axios';
+import { showNotification } from '@mantine/notifications';
+import { useConfig } from '../../tools/state';
+import { IModule } from '../ModuleTypes';
+import { OverseerrModule } from '../overseerr';
+import { OverseerrMediaDisplay } from '../common';
+
+const useStyles = createStyles((theme) => ({
+ hide: {
+ [theme.fn.smallerThan('sm')]: {
+ display: 'none',
+ },
+ display: 'flex',
+ alignItems: 'center',
+ },
+}));
+
+export const SearchModule: IModule = {
+ title: 'Search Bar',
+ description: 'Search bar to search the web, youtube, torrents or overseerr',
+ icon: Search,
+ component: SearchBar,
+};
+
+export default function SearchBar(props: any) {
+ const { classes, cx } = useStyles();
+ // Config
+ const { config } = useConfig();
+ const isModuleEnabled = config.modules?.[SearchModule.title]?.enabled ?? false;
+ const isOverseerrEnabled = config.modules?.[OverseerrModule.title]?.enabled ?? false;
+ const OverseerrService = config.services.find(
+ (service) => service.type === 'Overseerr' || service.type === 'Jellyseerr'
+ );
+ const queryUrl = config.settings.searchUrl ?? 'https://www.google.com/search?q=';
+
+ const [OverseerrResults, setOverseerrResults] = useState([]);
+ const [loading, setLoading] = useState(false);
+ const [icon, setIcon] = useState(([]);
+ const [opened, setOpened] = useState(false);
+ const ref = useClickOutside(() => setOpened(false));
+
+ const textInput = useRef();
+ useHotkeys([['ctrl+K', () => textInput.current && textInput.current.focus()]]);
+
+ const form = useForm({
+ initialValues: {
+ query: '',
+ },
+ });
+ const [debounced, cancel] = useDebouncedValue(form.values.query, 250);
+
+ useEffect(() => {
+ if (OverseerrService === undefined && isOverseerrEnabled) {
+ showNotification({
+ title: 'Overseerr integration',
+ message:
+ 'Module enabled but no service is configured with the type "Overseerr" / "Jellyseerr"',
+ color: 'red',
+ });
+ }
+ }, [OverseerrService, isOverseerrEnabled]);
+
+ useEffect(() => {
+ if (
+ form.values.query !== debounced ||
+ form.values.query === '' ||
+ (form.values.query.startsWith('!') && !form.values.query.startsWith('!os'))
+ ) {
+ return;
+ }
+ if (form.values.query.startsWith('!os')) {
+ axios
+ .get(`/api/modules/overseerr?query=${form.values.query.replace('!os', '').trim()}`)
+ .then((res) => {
+ setOverseerrResults(res.data.results ?? []);
+ setLoading(false);
+ });
+ setLoading(true);
+ } else {
+ setOverseerrResults([]);
+ axios
+ .get(`/api/modules/search?q=${form.values.query}`)
+ .then((res) => setResults(res.data ?? []));
+ }
+ }, [debounced]);
+
+ if (!isModuleEnabled) {
+ return null;
+ }
+
+ const autocompleteData = results.map((result) => ({
+ label: result.phrase,
+ value: result.phrase,
+ }));
+ return (
+
+ );
+}
diff --git a/src/components/modules/search/index.ts b/src/modules/search/index.ts
similarity index 100%
rename from src/components/modules/search/index.ts
rename to src/modules/search/index.ts
diff --git a/src/components/modules/weather/WeatherInterface.ts b/src/modules/weather/WeatherInterface.ts
similarity index 100%
rename from src/components/modules/weather/WeatherInterface.ts
rename to src/modules/weather/WeatherInterface.ts
diff --git a/src/components/modules/weather/WeatherModule.tsx b/src/modules/weather/WeatherModule.tsx
similarity index 93%
rename from src/components/modules/weather/WeatherModule.tsx
rename to src/modules/weather/WeatherModule.tsx
index 913ae9f8a..947ed479d 100644
--- a/src/components/modules/weather/WeatherModule.tsx
+++ b/src/modules/weather/WeatherModule.tsx
@@ -1,4 +1,4 @@
-import { Group, Space, Title, Tooltip, Skeleton } from '@mantine/core';
+import { Group, Space, Title, Tooltip, Skeleton, Stack, Box } from '@mantine/core';
import axios from 'axios';
import { useEffect, useState } from 'react';
import {
@@ -13,8 +13,8 @@ import {
IconSnowflake as Snowflake,
IconSun as Sun,
} from '@tabler/icons';
-import { useConfig } from '../../../tools/state';
-import { IModule } from '../modules';
+import { useConfig } from '../../tools/state';
+import { IModule } from '../ModuleTypes';
import { WeatherResponse } from './WeatherInterface';
export const WeatherModule: IModule = {
@@ -124,8 +124,10 @@ export function WeatherIcon(props: any) {
}
}
return (
-
-
+
+
);
}
@@ -160,7 +162,7 @@ export default function WeatherComponent(props: any) {
return (
<>
+
+
{usePerferedUnit(weather.current_weather.temperature)}
{usePerferedUnit(weather.daily.temperature_2m_min[0])}
-
+
);
}
diff --git a/src/components/modules/weather/index.ts b/src/modules/weather/index.ts
similarity index 100%
rename from src/components/modules/weather/index.ts
rename to src/modules/weather/index.ts
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index d22a65538..776347495 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -6,9 +6,9 @@ import Head from 'next/head';
import { MantineProvider, ColorScheme, ColorSchemeProvider, MantineTheme } from '@mantine/core';
import { NotificationsProvider } from '@mantine/notifications';
import { useHotkeys } from '@mantine/hooks';
+import { ModalsProvider } from '@mantine/modals';
import { ConfigProvider } from '../tools/state';
import { theme } from '../tools/theme';
-import { styles } from '../tools/styles';
import { ColorTheme } from '../tools/color';
export default function App(this: any, props: AppProps & { colorScheme: ColorScheme }) {
@@ -45,20 +45,33 @@ export default function App(this: any, props: AppProps & { colorScheme: ColorSch
-
-
+
+
+
+
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
index abe7984ca..6c633fbf8 100644
--- a/src/pages/_document.tsx
+++ b/src/pages/_document.tsx
@@ -1,21 +1,20 @@
-import Document, { DocumentContext } from 'next/document';
-import { ServerStyles, createStylesServer } from '@mantine/next';
+import { createGetInitialProps } from '@mantine/next';
+import Document, { Head, Html, Main, NextScript } from 'next/document';
-const stylesServer = createStylesServer();
+const getInitialProps = createGetInitialProps();
export default class _Document extends Document {
- static async getInitialProps(ctx: DocumentContext) {
- const initialProps = await Document.getInitialProps(ctx);
- // Add your app specific logic here
+ static getInitialProps = getInitialProps;
- return {
- ...initialProps,
- styles: (
- <>
- {initialProps.styles}
-
+
+
@@ -72,16 +72,14 @@ export default function AuthenticationTitle() {
.then((res) => {
setTimeout(() => {
if (res.data.success === true) {
+ router.push('/');
updateNotification({
id: 'load-data',
color: 'teal',
- title: 'Password correct',
+ title: 'Password correct, redirecting you...',
message: undefined,
icon: , resolve@patch:resolve@^1.22.0#~builtin":
- version: 1.22.0
- resolution: "resolve@patch:resolve@npm%3A1.22.0#~builtin::version=1.22.0&hash=07638b"
- dependencies:
- is-core-module: ^2.8.1
+ is-core-module: ^2.9.0
path-parse: ^1.0.7
supports-preserve-symlinks-flag: ^1.0.0
bin:
resolve: bin/resolve
- checksum: c79ecaea36c872ee4a79e3db0d3d4160b593f2ca16e031d8283735acd01715a203607e9ded3f91f68899c2937fa0d49390cddbe0fb2852629212f3cda283f4a7
+ checksum: c438ac9a650f2030fd074219d7f12ceb983b475da2d89ad3d6dd05fbf6b7a0a8cd37d4d10b43cb1f632bc19f22246ab7f36ebda54d84a29bfb2910a0680906d3
+ languageName: node
+ linkType: hard
+
+"resolve@patch:resolve@^1.19.0#~builtin, resolve@patch:resolve@^1.20.0#~builtin, resolve@patch:resolve@^1.22.0#~builtin":
+ version: 1.22.1
+ resolution: "resolve@patch:resolve@npm%3A1.22.1#~builtin::version=1.22.1&hash=07638b"
+ dependencies:
+ is-core-module: ^2.9.0
+ path-parse: ^1.0.7
+ supports-preserve-symlinks-flag: ^1.0.0
+ bin:
+ resolve: bin/resolve
+ checksum: 5656f4d0bedcf8eb52685c1abdf8fbe73a1603bb1160a24d716e27a57f6cecbe2432ff9c89c2bd57542c3a7b9d14b1882b73bfe2e9d7849c9a4c0b8b39f02b8b
languageName: node
linkType: hard
"resolve@patch:resolve@^2.0.0-next.3#~builtin":
- version: 2.0.0-next.3
- resolution: "resolve@patch:resolve@npm%3A2.0.0-next.3#~builtin::version=2.0.0-next.3&hash=07638b"
+ version: 2.0.0-next.4
+ resolution: "resolve@patch:resolve@npm%3A2.0.0-next.4#~builtin::version=2.0.0-next.4&hash=07638b"
dependencies:
- is-core-module: ^2.2.0
- path-parse: ^1.0.6
- checksum: 21684b4d99a4877337cdbd5484311c811b3e8910edb5d868eec85c6e6550b0f570d911f9a384f9e176172d6713f2715bd0b0887fa512cb8c6aeece018de6a9f8
+ is-core-module: ^2.9.0
+ path-parse: ^1.0.7
+ supports-preserve-symlinks-flag: ^1.0.0
+ bin:
+ resolve: bin/resolve
+ checksum: 4bf9f4f8a458607af90518ff73c67a4bc1a38b5a23fef2bb0ccbd45e8be89820a1639b637b0ba377eb2be9eedfb1739a84cde24fe4cd670c8207d8fea922b011
languageName: node
linkType: hard
"responselike@npm:^2.0.0":
- version: 2.0.0
- resolution: "responselike@npm:2.0.0"
+ version: 2.0.1
+ resolution: "responselike@npm:2.0.1"
dependencies:
lowercase-keys: ^2.0.0
- checksum: 6a4d32c37d4e88678ae0a9d69fcc90aafa15b1a3eab455bd65c06af3c6c4976afc47d07a0e5a60d277ab041a465f43bf0a581e0d7ab33786e7a7741573f2e487
+ checksum: b122535466e9c97b55e69c7f18e2be0ce3823c5d47ee8de0d9c0b114aa55741c6db8bfbfce3766a94d1272e61bfb1ebf0a15e9310ac5629fbb7446a861b4fd3a
languageName: node
linkType: hard
@@ -6985,6 +7120,13 @@ __metadata:
languageName: node
linkType: hard
+"safe-buffer@npm:^5.0.1, safe-buffer@npm:~5.2.0":
+ version: 5.2.1
+ resolution: "safe-buffer@npm:5.2.1"
+ checksum: b99c4b41fdd67a6aaf280fcd05e9ffb0813654894223afb78a31f14a19ad220bba8aba1cb14eddce1fcfb037155fe6de4e861784eb434f7d11ed58d1e70dd491
+ languageName: node
+ linkType: hard
+
"safe-buffer@npm:~5.1.0, safe-buffer@npm:~5.1.1":
version: 5.1.2
resolution: "safe-buffer@npm:5.1.2"
@@ -6992,13 +7134,6 @@ __metadata:
languageName: node
linkType: hard
-"safe-buffer@npm:~5.2.0":
- version: 5.2.1
- resolution: "safe-buffer@npm:5.2.1"
- checksum: b99c4b41fdd67a6aaf280fcd05e9ffb0813654894223afb78a31f14a19ad220bba8aba1cb14eddce1fcfb037155fe6de4e861784eb434f7d11ed58d1e70dd491
- languageName: node
- linkType: hard
-
"safer-buffer@npm:>= 2.1.2 < 3.0.0, safer-buffer@npm:~2.1.0":
version: 2.1.2
resolution: "safer-buffer@npm:2.1.2"
@@ -7042,6 +7177,23 @@ __metadata:
languageName: node
linkType: hard
+"sharp@npm:^0.30.7":
+ version: 0.30.7
+ resolution: "sharp@npm:0.30.7"
+ dependencies:
+ color: ^4.2.3
+ detect-libc: ^2.0.1
+ node-addon-api: ^5.0.0
+ node-gyp: latest
+ prebuild-install: ^7.1.1
+ semver: ^7.3.7
+ simple-get: ^4.0.1
+ tar-fs: ^2.1.1
+ tunnel-agent: ^0.6.0
+ checksum: bbc63ca3c7ea8a5bff32cd77022cfea30e25a03f5bd031e935924bf6cf0e11e3388e8b0e22b3137bf8816aa73407f1e4fbeb190f3a35605c27ffca9f32b91601
+ languageName: node
+ linkType: hard
+
"shebang-command@npm:^2.0.0":
version: 2.0.0
resolution: "shebang-command@npm:2.0.0"
@@ -7076,6 +7228,33 @@ __metadata:
languageName: node
linkType: hard
+"simple-concat@npm:^1.0.0":
+ version: 1.0.1
+ resolution: "simple-concat@npm:1.0.1"
+ checksum: 4d211042cc3d73a718c21ac6c4e7d7a0363e184be6a5ad25c8a1502e49df6d0a0253979e3d50dbdd3f60ef6c6c58d756b5d66ac1e05cda9cacd2e9fc59e3876a
+ languageName: node
+ linkType: hard
+
+"simple-get@npm:^4.0.0, simple-get@npm:^4.0.1":
+ version: 4.0.1
+ resolution: "simple-get@npm:4.0.1"
+ dependencies:
+ decompress-response: ^6.0.0
+ once: ^1.3.1
+ simple-concat: ^1.0.0
+ checksum: e4132fd27cf7af230d853fa45c1b8ce900cb430dd0a3c6d3829649fe4f2b26574c803698076c4006450efb0fad2ba8c5455fbb5755d4b0a5ec42d4f12b31d27e
+ languageName: node
+ linkType: hard
+
+"simple-swizzle@npm:^0.2.2":
+ version: 0.2.2
+ resolution: "simple-swizzle@npm:0.2.2"
+ dependencies:
+ is-arrayish: ^0.3.1
+ checksum: a7f3f2ab5c76c4472d5c578df892e857323e452d9f392e1b5cf74b74db66e6294a1e1b8b390b519fa1b96b5b613f2a37db6cffef52c3f1f8f3c5ea64eb2d54c0
+ languageName: node
+ linkType: hard
+
"sirv@npm:^1.0.7":
version: 1.0.19
resolution: "sirv@npm:1.0.19"
@@ -7108,24 +7287,24 @@ __metadata:
languageName: node
linkType: hard
-"socks-proxy-agent@npm:^6.1.1":
- version: 6.2.0
- resolution: "socks-proxy-agent@npm:6.2.0"
+"socks-proxy-agent@npm:^7.0.0":
+ version: 7.0.0
+ resolution: "socks-proxy-agent@npm:7.0.0"
dependencies:
agent-base: ^6.0.2
debug: ^4.3.3
socks: ^2.6.2
- checksum: 6723fd64fb50334e2b340fd0a80fd8488ffc5bc43d85b7cf1d25612044f814dd7d6ea417fd47602159941236f7f4bd15669fa5d7e1f852598a31288e1a43967b
+ checksum: 720554370154cbc979e2e9ce6a6ec6ced205d02757d8f5d93fe95adae454fc187a5cbfc6b022afab850a5ce9b4c7d73e0f98e381879cf45f66317a4895953846
languageName: node
linkType: hard
"socks@npm:^2.6.2":
- version: 2.6.2
- resolution: "socks@npm:2.6.2"
+ version: 2.7.0
+ resolution: "socks@npm:2.7.0"
dependencies:
- ip: ^1.1.5
+ ip: ^2.0.0
smart-buffer: ^4.2.0
- checksum: dd9194293059d737759d5c69273850ad4149f448426249325c4bea0e340d1cf3d266c3b022694b0dcf5d31f759de23657244c481fc1e8322add80b7985c36b5e
+ checksum: 0b5d94e2b3c11e7937b40fc5dac1e80d8b92a330e68c51f1d271ce6980c70adca42a3f8cd47c4a5769956bada074823b53374f2dc5f2ea5c2121b222dec6eadf
languageName: node
linkType: hard
@@ -7146,6 +7325,13 @@ __metadata:
languageName: node
linkType: hard
+"source-map@npm:^0.5.7":
+ version: 0.5.7
+ resolution: "source-map@npm:0.5.7"
+ checksum: 5dc2043b93d2f194142c7f38f74a24670cd7a0063acdaf4bf01d2964b402257ae843c2a8fa822ad5b71013b5fcafa55af7421383da919752f22ff488bc553f4d
+ languageName: node
+ linkType: hard
+
"source-map@npm:^0.6.0, source-map@npm:^0.6.1":
version: 0.6.1
resolution: "source-map@npm:0.6.1"
@@ -7323,6 +7509,13 @@ __metadata:
languageName: node
linkType: hard
+"strip-json-comments@npm:~2.0.1":
+ version: 2.0.1
+ resolution: "strip-json-comments@npm:2.0.1"
+ checksum: 1074ccb63270d32ca28edfb0a281c96b94dc679077828135141f27d52a5a398ef5e78bcf22809d23cadc2b81dfbe345eb5fd8699b385c8b1128907dec4a7d1e1
+ languageName: node
+ linkType: hard
+
"style-to-js@npm:1.1.0":
version: 1.1.0
resolution: "style-to-js@npm:1.1.0"
@@ -7426,6 +7619,18 @@ __metadata:
languageName: node
linkType: hard
+"tar-fs@npm:^2.0.0, tar-fs@npm:^2.1.1":
+ version: 2.1.1
+ resolution: "tar-fs@npm:2.1.1"
+ dependencies:
+ chownr: ^1.1.1
+ mkdirp-classic: ^0.5.2
+ pump: ^3.0.0
+ tar-stream: ^2.1.4
+ checksum: f5b9a70059f5b2969e65f037b4e4da2daf0fa762d3d232ffd96e819e3f94665dbbbe62f76f084f1acb4dbdcce16c6e4dac08d12ffc6d24b8d76720f4d9cf032d
+ languageName: node
+ linkType: hard
+
"tar-fs@npm:~2.0.1":
version: 2.0.1
resolution: "tar-fs@npm:2.0.1"
@@ -7438,7 +7643,7 @@ __metadata:
languageName: node
linkType: hard
-"tar-stream@npm:^2.0.0":
+"tar-stream@npm:^2.0.0, tar-stream@npm:^2.1.4":
version: 2.2.0
resolution: "tar-stream@npm:2.2.0"
dependencies:
@@ -7563,14 +7768,14 @@ __metadata:
languageName: node
linkType: hard
-"tslib@npm:^1.8.1":
+"tslib@npm:^1.0.0, tslib@npm:^1.8.1":
version: 1.14.1
resolution: "tslib@npm:1.14.1"
checksum: dbe628ef87f66691d5d2959b3e41b9ca0045c3ee3c7c7b906cc1e328b39f199bb1ad9e671c39025bd56122ac57dfbf7385a94843b1cc07c60a4db74795829acd
languageName: node
linkType: hard
-"tslib@npm:^2.0.0, tslib@npm:^2.0.3, tslib@npm:^2.1.0, tslib@npm:^2.3.1, tslib@npm:^2.4.0":
+"tslib@npm:^2.0.0, tslib@npm:^2.1.0, tslib@npm:^2.3.1, tslib@npm:^2.4.0":
version: 2.4.0
resolution: "tslib@npm:2.4.0"
checksum: 8c4aa6a3c5a754bf76aefc38026134180c053b7bd2f81338cb5e5ebf96fefa0f417bff221592bf801077f5bf990562f6264fecbc42cd3309b33872cb6fc3b113
@@ -7588,6 +7793,15 @@ __metadata:
languageName: node
linkType: hard
+"tunnel-agent@npm:^0.6.0":
+ version: 0.6.0
+ resolution: "tunnel-agent@npm:0.6.0"
+ dependencies:
+ safe-buffer: ^5.0.1
+ checksum: 05f6510358f8afc62a057b8b692f05d70c1782b70db86d6a1e0d5e28a32389e52fa6e7707b6c5ecccacc031462e4bc35af85ecfe4bbc341767917b7cf6965711
+ languageName: node
+ linkType: hard
+
"tweetnacl@npm:^0.14.3":
version: 0.14.5
resolution: "tweetnacl@npm:0.14.5"
@@ -7682,6 +7896,20 @@ __metadata:
languageName: node
linkType: hard
+"update-browserslist-db@npm:^1.0.4":
+ version: 1.0.5
+ resolution: "update-browserslist-db@npm:1.0.5"
+ dependencies:
+ escalade: ^3.1.1
+ picocolors: ^1.0.0
+ peerDependencies:
+ browserslist: ">= 4.21.0"
+ bin:
+ browserslist-lint: cli.js
+ checksum: 7e425fe5dbbebdccf72a84ce70ec47fc74dce561d28f47bc2b84a1c2b84179a862c2261b18ab66a5e73e261c7e2ef9e11c6129112989d4d52e8f75a56bb923f8
+ languageName: node
+ linkType: hard
+
"uri-js@npm:^4.2.2":
version: 4.4.1
resolution: "uri-js@npm:4.4.1"
@@ -7726,15 +7954,6 @@ __metadata:
languageName: node
linkType: hard
-"use-sync-external-store@npm:1.1.0":
- version: 1.1.0
- resolution: "use-sync-external-store@npm:1.1.0"
- peerDependencies:
- react: ^16.8.0 || ^17.0.0 || ^18.0.0
- checksum: 8993a0b642f91d7fcdbb02b7b3ac984bd3af4769686f38291fe7fcfe73dfb73d6c64d20dfb7e5e7fbf5a6da8f5392d6f8e5b00c243a04975595946e82c02b883
- languageName: node
- linkType: hard
-
"util-deprecate@npm:^1.0.1, util-deprecate@npm:~1.0.1":
version: 1.0.2
resolution: "util-deprecate@npm:1.0.2"
@@ -7778,15 +7997,6 @@ __metadata:
languageName: node
linkType: hard
-"warning@npm:^4.0.2":
- version: 4.0.3
- resolution: "warning@npm:4.0.3"
- dependencies:
- loose-envify: ^1.0.0
- checksum: 4f2cb6a9575e4faf71ddad9ad1ae7a00d0a75d24521c193fa464f30e6b04027bd97aa5d9546b0e13d3a150ab402eda216d59c1d0f2d6ca60124d96cd40dfa35c
- languageName: node
- linkType: hard
-
"web-streams-polyfill@npm:4.0.0-beta.1":
version: 4.0.0-beta.1
resolution: "web-streams-polyfill@npm:4.0.0-beta.1"
@@ -7882,8 +8092,8 @@ __metadata:
linkType: hard
"ws@npm:^7.3.1":
- version: 7.5.8
- resolution: "ws@npm:7.5.8"
+ version: 7.5.9
+ resolution: "ws@npm:7.5.9"
peerDependencies:
bufferutil: ^4.0.1
utf-8-validate: ^5.0.2
@@ -7892,7 +8102,7 @@ __metadata:
optional: true
utf-8-validate:
optional: true
- checksum: 49479ccf3ddab6500c5906fbcc316e9c8cd44b0ffb3903a6c1caf9b38cb9e06691685722a4c642cfa7d4c6eb390424fc3142cd4f8b940cfc7a9ce9761b1cd65b
+ checksum: c3c100a181b731f40b7f2fddf004aa023f79d64f489706a28bc23ff88e87f6a64b3c6651fbec3a84a53960b75159574d7a7385709847a62ddb7ad6af76f49138
languageName: node
linkType: hard
@@ -7919,6 +8129,13 @@ __metadata:
languageName: node
linkType: hard
+"yaml@npm:^1.10.0":
+ version: 1.10.2
+ resolution: "yaml@npm:1.10.2"
+ checksum: ce4ada136e8a78a0b08dc10b4b900936912d15de59905b2bf415b4d33c63df1d555d23acb2a41b23cf9fb5da41c256441afca3d6509de7247daa062fd2c5ea5f
+ languageName: node
+ linkType: hard
+
"yargs-parser@npm:^21.0.0":
version: 21.0.1
resolution: "yargs-parser@npm:21.0.1"