diff --git a/.dockerignore b/.dockerignore
new file mode 100644
index 000000000..402dc84b0
--- /dev/null
+++ b/.dockerignore
@@ -0,0 +1,24 @@
+**/.classpath
+**/.dockerignore
+**/.env
+**/.git
+**/.gitignore
+**/.project
+**/.settings
+**/.toolstarget
+**/.vs
+**/.vscode
+**/*.*proj.user
+**/*.dbmdl
+**/*.jfm
+**/charts
+**/docker-compose*
+**/compose*
+**/Dockerfile*
+**/node_modules
+**/npm-debug.log
+**/obj
+**/secrets.dev.yaml
+**/values.dev.yaml
+README.md
+config/
diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 000000000..a481ff77a
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,13 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+max_line_length = 120
diff --git a/.gitignore b/.gitignore
index c87c9b392..32e06969e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,3 +34,6 @@ yarn-error.log*
# typescript
*.tsbuildinfo
next-env.d.ts
+
+# homepage
+/config
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 000000000..926106500
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,35 @@
+# Install dependencies only when needed
+FROM node:16-alpine AS deps
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+COPY package.json pnpm-lock.yaml* ./
+RUN yarn global add pnpm
+RUN pnpm install
+
+# Rebuild the source code only when needed
+FROM node:16-alpine AS builder
+WORKDIR /app
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+RUN npm run build
+
+# Production image, copy all the files and run next
+FROM node:16-alpine AS runner
+WORKDIR /app
+ENV NODE_ENV production
+RUN addgroup --system --gid 1001 nodejs
+RUN adduser --system --uid 1001 nextjs
+COPY --from=builder /app/next.config.js ./
+COPY --from=builder /app/public ./public
+COPY --from=builder /app/package.json ./package.json
+COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static
+
+# Since we run in a local environment, we need to accept self signed certificates
+ENV NODE_TLS_REJECT_UNAUTHORIZED 0
+
+USER nextjs
+EXPOSE 3000
+ENV PORT 3000
+CMD ["node", "server.js"]
diff --git a/README.md b/README.md
index b12f3e33e..f5ffe7347 100644
--- a/README.md
+++ b/README.md
@@ -1,34 +1,21 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
## Getting Started
-First, run the development server:
+Install NPM packages, this project uses [pnpm](https://pnpm.io/) (and so should you!):
```bash
-npm run dev
-# or
-yarn dev
+pnpm install
```
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
-
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.js`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+Start the development server:
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+```bash
+pnpm dev
+```
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+Open [http://localhost:3000](http://localhost:3000) to start.
-## Deploy on Vercel
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+## Configuration
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+Configuration is done in the /config directory using .yaml files. Refer to each config for
+the specific configuration options.
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 000000000..fd99e2eac
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,5 @@
+{
+ "compilerOptions": {
+ "baseUrl": "./src/",
+ }
+}
\ No newline at end of file
diff --git a/next.config.js b/next.config.js
index ae887958d..9959d2716 100644
--- a/next.config.js
+++ b/next.config.js
@@ -1,7 +1,11 @@
/** @type {import('next').NextConfig} */
const nextConfig = {
reactStrictMode: true,
+ output: "standalone",
swcMinify: true,
-}
+ images: {
+ domains: ["cdn.jsdelivr.net"],
+ },
+};
-module.exports = nextConfig
+module.exports = nextConfig;
diff --git a/package.json b/package.json
index 8717cedf6..c8646bde2 100644
--- a/package.json
+++ b/package.json
@@ -9,12 +9,25 @@
"lint": "next lint"
},
"dependencies": {
+ "@headlessui/react": "^1.6.6",
+ "@tailwindcss/forms": "^0.5.2",
+ "dockerode": "^3.3.3",
+ "js-yaml": "^4.1.0",
+ "memory-cache": "^0.2.0",
"next": "12.2.5",
+ "node-os-utils": "^1.3.7",
"react": "18.2.0",
- "react-dom": "18.2.0"
+ "react-dom": "18.2.0",
+ "react-icons": "^4.4.0",
+ "sharp": "^0.30.7",
+ "swr": "^1.3.0"
},
"devDependencies": {
+ "autoprefixer": "^10.4.8",
"eslint": "8.22.0",
- "eslint-config-next": "12.2.5"
+ "eslint-config-next": "12.2.5",
+ "postcss": "^8.4.16",
+ "tailwindcss": "^3.1.8",
+ "typescript": "^4.7.4"
}
}
diff --git a/pages/_app.js b/pages/_app.js
deleted file mode 100644
index 1e1cec924..000000000
--- a/pages/_app.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import '../styles/globals.css'
-
-function MyApp({ Component, pageProps }) {
- return
-}
-
-export default MyApp
diff --git a/pages/api/hello.js b/pages/api/hello.js
deleted file mode 100644
index df63de88f..000000000
--- a/pages/api/hello.js
+++ /dev/null
@@ -1,5 +0,0 @@
-// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
-
-export default function handler(req, res) {
- res.status(200).json({ name: 'John Doe' })
-}
diff --git a/pages/index.js b/pages/index.js
deleted file mode 100644
index dc4b64035..000000000
--- a/pages/index.js
+++ /dev/null
@@ -1,69 +0,0 @@
-import Head from 'next/head'
-import Image from 'next/image'
-import styles from '../styles/Home.module.css'
-
-export default function Home() {
- return (
-
-
-
Create Next App
-
-
-
-
-
-
-
-
- Get started by editing{' '}
- pages/index.js
-
-
-
-
-
-
-
+
+ {group.name}
+
+
+
+ );
+}
diff --git a/src/components/bookmarks/item.jsx b/src/components/bookmarks/item.jsx
new file mode 100644
index 000000000..e55ab145c
--- /dev/null
+++ b/src/components/bookmarks/item.jsx
@@ -0,0 +1,23 @@
+export default function Item({ bookmark }) {
+ const { hostname } = new URL(bookmark.href);
+
+ return (
+ {
+ window.open(bookmark.href, "_blank").focus();
+ }}
+ key={bookmark.name}
+ className="mb-3 cursor-pointer flex rounded-md font-medium text-theme-700 hover:text-theme-800 dark:text-theme-200 dark:hover:text-theme-300 shadow-md shadow-theme-900/10 dark:shadow-theme-900 bg-white/50 hover:bg-theme-300/10 dark:bg-white/5 dark:hover:bg-white/10"
+ >
+
+ {bookmark.abbr}
+
+
+
{bookmark.name}
+
+ {hostname}
+
+
+ {bookmarks.map((bookmark) => (
+
+ );
+}
diff --git a/src/components/greeting.jsx b/src/components/greeting.jsx
new file mode 100644
index 000000000..5412a0fc2
--- /dev/null
+++ b/src/components/greeting.jsx
@@ -0,0 +1,20 @@
+export default function Greeting() {
+ const name = process.env.NEXT_PUBLIC_DISPLAY_NAME;
+ const hour = new Date().getHours();
+
+ let day = "day";
+
+ if (hour < 12) {
+ day = "morning";
+ } else if (hour < 17) {
+ day = "afternoon";
+ } else {
+ day = "evening";
+ }
+
+ return (
+
+ Good {day}
+
+ );
+}
diff --git a/src/components/modal.jsx b/src/components/modal.jsx
new file mode 100644
index 000000000..f683b5e92
--- /dev/null
+++ b/src/components/modal.jsx
@@ -0,0 +1,68 @@
+import { Fragment, useRef, useState, Children } from "react";
+import { Dialog, Transition } from "@headlessui/react";
+
+function classNames(...classes) {
+ return classes.filter(Boolean).join(" ");
+}
+
+const Modal = ({ Toggle, Content }) => {
+ const [open, setOpen] = useState(false);
+ const cancelButtonRef = useRef(null);
+
+ return (
+ <>
+
+
+
+
+
+ );
+};
+
+const ModalToggle = ({ open, setOpen, children }) => (
+ setOpen(!open)}>{children}
+);
+
+const ModalContent = ({ open, setOpen, children }) => (
+ {children}
+);
+
+Modal.Toggle = ModalToggle;
+Modal.Content = ModalContent;
+
+export default Modal;
diff --git a/src/components/services/group.jsx b/src/components/services/group.jsx
new file mode 100644
index 000000000..b4f32aa77
--- /dev/null
+++ b/src/components/services/group.jsx
@@ -0,0 +1,15 @@
+import List from "components/services/list";
+
+export default function ServicesGroup({ services }) {
+ return (
+
+
+ {services.name}
+
+
+
+ );
+}
diff --git a/src/components/services/item.jsx b/src/components/services/item.jsx
new file mode 100644
index 000000000..797c0c911
--- /dev/null
+++ b/src/components/services/item.jsx
@@ -0,0 +1,58 @@
+import Image from "next/image";
+import { useState } from "react";
+import { Disclosure, Transition } from "@headlessui/react";
+
+import StatsList from "./stats/list";
+import Status from "./status";
+import Widget from "./widget";
+
+export default function Item({ service }) {
+ const [statsOpen, setStatsOpen] = useState(false);
+ return (
+
+
+
+
+
{
+ window.open(service.href, "_blank").focus();
+ }}
+ className="flex-shrink-0 flex items-center justify-center w-12 "
+ >
+
+
+
{
+ window.open(service.href, "_blank").focus();
+ }}
+ className="flex-1 flex items-center justify-between rounded-r-md "
+ >
+
+ {service.name}
+
{service.description}
+
+
+ {service.container && (
+
+
+
+ )}
+
+
+
+
+
+
+
+
+ {service.widget &&
}
+
+ {services.map((service) => (
+
+ );
+}
diff --git a/src/components/services/stats/list.jsx b/src/components/services/stats/list.jsx
new file mode 100644
index 000000000..cb2cdfaa1
--- /dev/null
+++ b/src/components/services/stats/list.jsx
@@ -0,0 +1,70 @@
+import useSWR from "swr";
+import { calculateCPUPercent, formatBytes } from "utils/stats-helpers";
+import Stat from "./stat";
+
+export default function Stats({ service }) {
+ // fast
+ const { data: statusData, error: statusError } = useSWR(
+ `/api/docker/status/${service.container}/${service.server || ""}`,
+ {
+ refreshInterval: 1500,
+ }
+ );
+
+ // takes a full second to collect stats
+ const { data: statsData, error: statsError } = useSWR(
+ `/api/docker/stats/${service.container}/${service.server || ""}`,
+ {
+ refreshInterval: 1500,
+ }
+ );
+
+ // handle errors first
+ if (statsError || statusError) {
+ return (
+
+
+
+ );
+ }
+
+ // handle the case where we get a docker error
+ if (statusData.status !== "running") {
+ return (
+
+
+
+ );
+ }
+
+ // handle the case where the container is offline
+ if (statusData.status !== "running") {
+ return (
+
+
+
+ );
+ }
+
+ // handle the case where we don't have anything yet
+ if (!statsData || !statusData) {
+ return (
+
+
+
+
+
+
+ );
+ }
+
+ // we have stats and the container is running
+ return (
+
+
+
+
+
+
+ );
+}
diff --git a/src/components/services/stats/stat.jsx b/src/components/services/stats/stat.jsx
new file mode 100644
index 000000000..57674d4c8
--- /dev/null
+++ b/src/components/services/stats/stat.jsx
@@ -0,0 +1,8 @@
+export default function Stat({ value, label }) {
+ return (
+
+ );
+}
diff --git a/src/components/services/status.jsx b/src/components/services/status.jsx
new file mode 100644
index 000000000..b2c0ea4c0
--- /dev/null
+++ b/src/components/services/status.jsx
@@ -0,0 +1,29 @@
+import useSWR from "swr";
+
+export default function Status({ service }) {
+ const { data, error } = useSWR(
+ `/api/docker/status/${service.container}/${service.server || ""}`
+ );
+
+ if (error) {
+ return (
+
+ );
+ }
+
+ if (data && data.status === "running") {
+ return (
+
+ );
+ }
+
+ if (data && data.status === "not found") {
+ return (
+ <>
+
+
+ );
+ }
+
+ return ;
+}
diff --git a/src/components/services/widget.jsx b/src/components/services/widget.jsx
new file mode 100644
index 000000000..62864cb17
--- /dev/null
+++ b/src/components/services/widget.jsx
@@ -0,0 +1,27 @@
+import Sonarr from "./widgets/sonarr";
+import Radarr from "./widgets/radarr";
+import Ombi from "./widgets/ombi";
+import Portainer from "./widgets/portainer";
+
+const widgetMappings = {
+ sonarr: Sonarr,
+ radarr: Radarr,
+ ombi: Ombi,
+ portainer: Portainer,
+};
+
+export default function Widget({ service }) {
+ const ServiceWidget = widgetMappings[service.widget.type];
+
+ if (ServiceWidget) {
+ return ;
+ }
+
+ return (
+
+
+ Missing Widget Type: {service.widget.type}
+
+
+
+
{statsData.pending}
+
PENDING
+
+
+
{statsData.approved}
+
APPROVED
+
+
+
{statsData.available}
+
AVAILABLE
+
+
+
+
{wanted.length}
+
WANTED
+
+
+
{queuedData.totalCount}
+
QUEUED
+
+
+
{moviesData.length}
+
MOVIES
+
+
+
+
{wantedData.totalRecords}
+
WANTED
+
+
+
{queuedData.totalRecords}
+
QUEUED
+
+
+
{seriesData.length}
+
SERIES
+
+
+
+ {theme === "dark" ? (
+ setTheme(theme === "dark" ? "light" : "dark")}
+ className="text-theme-800 dark:text-theme-200 w-8 h-8 cursor-pointer"
+ />
+ ) : (
+ setTheme(theme === "dark" ? "light" : "dark")}
+ className="text-theme-800 dark:text-theme-200 w-8 h-8 cursor-pointer"
+ />
+ )}
+
+
+ );
+}
diff --git a/src/components/widget.jsx b/src/components/widget.jsx
new file mode 100644
index 000000000..415cc7d40
--- /dev/null
+++ b/src/components/widget.jsx
@@ -0,0 +1,21 @@
+import Weather from "components/widgets/weather/weather";
+import Resources from "components/widgets/resources/resources";
+
+const widgetMappings = {
+ weather: Weather,
+ resources: Resources,
+};
+
+export default function Widget({ widget }) {
+ const ServiceWidget = widgetMappings[widget.type];
+
+ if (ServiceWidget) {
+ return ;
+ }
+
+ return (
+
+ Missing {widget.type}
+
+ );
+}
diff --git a/src/components/widgets/resources/resources.jsx b/src/components/widgets/resources/resources.jsx
new file mode 100644
index 000000000..d082f5158
--- /dev/null
+++ b/src/components/widgets/resources/resources.jsx
@@ -0,0 +1,114 @@
+import useSWR from "swr";
+import { FiHardDrive, FiCpu } from "react-icons/fi";
+import { FaMemory } from "react-icons/fa";
+
+export default function Resources({ options }) {
+ const { data, error } = useSWR(
+ `/api/widgets/resources?disk=${options.disk}`,
+ {
+ refreshInterval: 1500,
+ }
+ );
+
+ if (error) {
+ return failed to load
;
+ }
+
+ if (!data) {
+ return (
+ <>
+ {options.disk && (
+
+
+
+
+ - GB free
+
+
+ - GB used
+
+
+
+
+
+
+ - Usage
+
+
+ - Load
+
+
+
+
+
+
+ - GB Used
+
+
+ - GB Free
+
+
+
+
+
+
+ {Math.round(data.drive.freeGb)} GB free
+
+
+ {Math.round(data.drive.totalGb)} GB used
+
+
+
+
+
+
+ {Math.round(data.cpu.usage)}% Usage
+
+
+ {Math.round(data.cpu.load * 100) / 100} Load
+
+
+
+
+
+
+ {Math.round((data.memory.usedMemMb / 1024) * 100) / 100} GB Used
+
+
+ {Math.round((data.memory.freeMemMb / 1024) * 100) / 100} GB Free
+
+
+
failed to load
;
+ }
+
+ if (!data) {
+ return ;
+ }
+
+ if (data.error) {
+ return ;
+ }
+
+ return (
+
+
+
+
+ {Math.round(data.current.temp_f)}°
+
+
+ {data.current.condition.text}
+
+
+
+
+ {widgets && (
+ <>
+ {widgets.map((widget) => (
+
+ ))}
+
+ )}
+
+
+ {services && (
+
+ {services.map((group) => (
+
+ ))}
+
+ )}
+
+ {bookmarks && (
+
+ {bookmarks.map((group) => (
+
+ ))}
+
+ )}
+
+
+
+
+