diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
index e99303abc..e304ccae1 100644
--- a/src/pages/_app.jsx
+++ b/src/pages/_app.jsx
@@ -6,6 +6,7 @@ import Head from "next/head";
import "styles/globals.css";
import "styles/theme.css";
import "styles/manrope.css";
+import "styles/custom.css";
import nextI18nextConfig from "../../next-i18next.config";
import { ColorProvider } from "utils/contexts/color";
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index b6a1881ae..152f28f19 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -22,6 +22,7 @@ import { bookmarksResponse, servicesResponse, widgetsResponse } from "utils/conf
import ErrorBoundary from "components/errorboundry";
import themes from "utils/styles/themes";
import QuickLaunch from "components/quicklaunch";
+import { getStoredProvider, searchProviders } from "components/widgets/search/search";
const ThemeToggle = dynamic(() => import("components/toggles/theme"), {
ssr: false,
@@ -193,6 +194,20 @@ function Home({ initialSettings }) {
const [searching, setSearching] = useState(false);
const [searchString, setSearchString] = useState("");
+ let searchProvider = null;
+ const searchWidget = Object.values(widgets).find(w => w.type === "search");
+ if (searchWidget) {
+ if (Array.isArray(searchWidget.options?.provider)) {
+ // if search provider is a list, try to retrieve from localstorage, fall back to the first
+ searchProvider = getStoredProvider() ?? searchProviders[searchWidget.options.provider[0]];
+ } else if (searchWidget.options?.provider === 'custom') {
+ searchProvider = {
+ url: searchWidget.options.url
+ }
+ } else {
+ searchProvider = searchProviders[searchWidget.options?.provider];
+ }
+ }
useEffect(() => {
function handleKeyDown(e) {
@@ -251,6 +266,7 @@ function Home({ initialSettings }) {
isOpen={searching}
close={setSearching}
searchDescriptions={settings.quicklaunch?.searchDescriptions}
+ searchProvider={settings.quicklaunch?.hideInternetSearch ? null : searchProvider}
/>
{widgets && (
<>
diff --git a/src/styles/custom.css b/src/styles/custom.css
new file mode 100644
index 000000000..cbc9cf6a4
--- /dev/null
+++ b/src/styles/custom.css
@@ -0,0 +1,3 @@
+/*
+Mount this file and define your custom styles
+*/
\ No newline at end of file
diff --git a/src/utils/config/service-helpers.js b/src/utils/config/service-helpers.js
index 352367d2e..e2e3055e0 100644
--- a/src/utils/config/service-helpers.js
+++ b/src/utils/config/service-helpers.js
@@ -233,6 +233,7 @@ export function cleanServiceGroups(groups) {
currency, // coinmarketcap widget
symbols,
defaultinterval,
+ site, // unifi widget
namespace, // kubernetes widget
app,
podSelector,
@@ -256,6 +257,9 @@ export function cleanServiceGroups(groups) {
if (server) cleanedService.widget.server = server;
if (container) cleanedService.widget.container = container;
}
+ if (type === "unifi") {
+ if (site) cleanedService.widget.site = site;
+ }
if (type === "kubernetes") {
if (namespace) cleanedService.widget.namespace = namespace;
if (app) cleanedService.widget.app = app;
diff --git a/src/widgets/components.js b/src/widgets/components.js
index ea6ad91a0..c95096073 100644
--- a/src/widgets/components.js
+++ b/src/widgets/components.js
@@ -22,6 +22,7 @@ const components = {
jackett: dynamic(() => import("./jackett/component")),
jellyfin: dynamic(() => import("./emby/component")),
jellyseerr: dynamic(() => import("./jellyseerr/component")),
+ komga: dynamic(() => import("./komga/component")),
lidarr: dynamic(() => import("./lidarr/component")),
mastodon: dynamic(() => import("./mastodon/component")),
medusa: dynamic(() => import("./medusa/component")),
@@ -64,6 +65,7 @@ const components = {
watchtower: dynamic(() => import("./watchtower/component")),
xteve: dynamic(() => import("./xteve/component")),
immich: dynamic(() => import("./immich/component")),
+ uptimekuma: dynamic(() => import("./uptimekuma/component")),
};
export default components;
diff --git a/src/widgets/komga/component.jsx b/src/widgets/komga/component.jsx
new file mode 100644
index 000000000..9d6c406f7
--- /dev/null
+++ b/src/widgets/komga/component.jsx
@@ -0,0 +1,37 @@
+import { useTranslation } from "next-i18next";
+
+import Container from "components/services/widget/container";
+import Block from "components/services/widget/block";
+import useWidgetAPI from "utils/proxy/use-widget-api";
+
+export default function Component({ service }) {
+ const { t } = useTranslation();
+ const { widget } = service;
+
+ const { data: libraryData, error: libraryError } = useWidgetAPI(widget, "libraries");
+ const { data: seriesData, error: seriesError } = useWidgetAPI(widget, "series");
+ const { data: bookData, error: bookError } = useWidgetAPI(widget, "books");
+
+ if (libraryError || seriesError || bookError) {
+ const finalError = libraryError ?? seriesError ?? bookError;
+ return ;
+ }
+
+ if (!libraryData || !seriesData || !bookData) {
+ return (
+
+
+
+
+
+ );
+ }
+
+ return (
+
+
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/widgets/komga/widget.js b/src/widgets/komga/widget.js
new file mode 100644
index 000000000..eb43883d5
--- /dev/null
+++ b/src/widgets/komga/widget.js
@@ -0,0 +1,30 @@
+import genericProxyHandler from "utils/proxy/handlers/generic";
+import { jsonArrayFilter } from "utils/proxy/api-helpers";
+
+const widget = {
+ api: "{url}/api/v1/{endpoint}",
+ proxyHandler: genericProxyHandler,
+
+ mappings: {
+ libraries: {
+ endpoint: "libraries",
+ map: (data) => ({
+ total: jsonArrayFilter(data, (item) => !item.unavailable).length,
+ }),
+ },
+ series: {
+ endpoint: "series",
+ validate: [
+ "totalElements"
+ ]
+ },
+ books: {
+ endpoint: "books",
+ validate: [
+ "totalElements"
+ ]
+ },
+ },
+};
+
+export default widget;
\ No newline at end of file
diff --git a/src/widgets/proxmoxbackupserver/component.jsx b/src/widgets/proxmoxbackupserver/component.jsx
index 96151e256..7302390f7 100644
--- a/src/widgets/proxmoxbackupserver/component.jsx
+++ b/src/widgets/proxmoxbackupserver/component.jsx
@@ -22,7 +22,7 @@ export default function Component({ service }) {
return (
-
+
diff --git a/src/widgets/unifi/component.jsx b/src/widgets/unifi/component.jsx
index 6df43dfdb..ff3185169 100644
--- a/src/widgets/unifi/component.jsx
+++ b/src/widgets/unifi/component.jsx
@@ -15,7 +15,7 @@ export default function Component({ service }) {
return ;
}
- const defaultSite = statsData?.data?.find(s => s.name === "default");
+ const defaultSite = widget.site ? statsData?.data.find(s => s.desc === widget.site) : statsData?.data?.find(s => s.name === "default");
if (!defaultSite) {
return (
@@ -38,6 +38,14 @@ export default function Component({ service }) {
const uptime = wan["gw_system-stats"] ? `${t("common.number", { value: wan["gw_system-stats"].uptime / 86400, maximumFractionDigits: 1 })} ${t("unifi.days")}` : null;
+ if (!(wan.show || lan.show || wlan.show || uptime)) {
+ return (
+
+
+
+ )
+ }
+
return (
{uptime && }
diff --git a/src/widgets/uptimekuma/component.jsx b/src/widgets/uptimekuma/component.jsx
new file mode 100644
index 000000000..d71f9a63a
--- /dev/null
+++ b/src/widgets/uptimekuma/component.jsx
@@ -0,0 +1,55 @@
+import { useTranslation } from "next-i18next";
+
+import Container from "components/services/widget/container";
+import useWidgetAPI from "utils/proxy/use-widget-api";
+import Block from "components/services/widget/block";
+
+export default function Component({ service }) {
+ const { t } = useTranslation();
+
+ const { widget } = service;
+
+ const { data: statusData, error: statusError } = useWidgetAPI(widget, "status_page");
+ const { data: heartbeatData, error: heartbeatError } = useWidgetAPI(widget, "heartbeat");
+
+ if (statusError || heartbeatError) {
+ return ;
+ }
+
+ if (!statusData || !heartbeatData) {
+ return (
+
+
+
+
+
+
+ );
+ }
+
+ let sitesUp = 0;
+ let sitesDown = 0;
+ Object.values(heartbeatData.heartbeatList).forEach((siteList) => {
+ const lastHeartbeat = siteList[siteList.length - 1];
+ if (lastHeartbeat?.status === 1) {
+ sitesUp += 1;
+ } else {
+ sitesDown += 1;
+ }
+ });
+
+ // Adapted from https://github.com/bastienwirtz/homer/blob/b7cd8f9482e6836a96b354b11595b03b9c3d67cd/src/components/services/UptimeKuma.vue#L105
+ const uptimeList = Object.values(heartbeatData.uptimeList);
+ const percent = uptimeList.reduce((a, b) => a + b, 0) / uptimeList.length || 0;
+ const uptime = (percent * 100).toFixed(1);
+ const incidentTime = statusData.incident ? (Math.abs(new Date(statusData.incident?.createdDate) - new Date()) / 1000) / (60 * 60) : null;
+
+ return (
+
+
+
+
+ {incidentTime && }
+
+ );
+}
diff --git a/src/widgets/uptimekuma/widget.js b/src/widgets/uptimekuma/widget.js
new file mode 100644
index 000000000..928534b3a
--- /dev/null
+++ b/src/widgets/uptimekuma/widget.js
@@ -0,0 +1,18 @@
+// import credentialedProxyHandler from "utils/proxy/handlers/credentialed";
+import genericProxyHandler from "utils/proxy/handlers/generic";
+
+const widget = {
+ api: "{url}/api/{endpoint}/{slug}",
+ proxyHandler: genericProxyHandler,
+
+ mappings: {
+ status_page: {
+ endpoint: "status-page",
+ },
+ heartbeat: {
+ endpoint: "status-page/heartbeat",
+ },
+ }
+};
+
+export default widget;
diff --git a/src/widgets/widgets.js b/src/widgets/widgets.js
index bfc80ebed..dfe606a56 100644
--- a/src/widgets/widgets.js
+++ b/src/widgets/widgets.js
@@ -16,6 +16,7 @@ import hdhomerun from "./hdhomerun/widget";
import homebridge from "./homebridge/widget";
import jackett from "./jackett/widget";
import jellyseerr from "./jellyseerr/widget";
+import komga from "./komga/widget";
import lidarr from "./lidarr/widget";
import mastodon from "./mastodon/widget";
import medusa from "./medusa/widget";
@@ -58,6 +59,7 @@ import unifi from "./unifi/widget";
import watchtower from "./watchtower/widget";
import xteve from "./xteve/widget";
import immich from "./immich/widget";
+import uptimekuma from "./uptimekuma/widget";
const widgets = {
adguard,
@@ -79,6 +81,7 @@ const widgets = {
jackett,
jellyfin: emby,
jellyseerr,
+ komga,
lidarr,
mastodon,
medusa,
@@ -122,6 +125,7 @@ const widgets = {
watchtower,
xteve,
immich,
+ uptimekuma,
};
export default widgets;