- Gameyfin
-A simple game library manager.
+
+Gameyfin
+Manage your video games.
- A simple game library manager.
+
+Manage your video games.
Signed in as {auth.state.user?.username}
+Unsupported type: {configElement.type} for key {configElement.key};
+ }
+ }
+
+ return inputElement(configElement!);
+}
\ No newline at end of file
diff --git a/app/src/main/frontend/components/administration/LibraryManagement.tsx b/app/src/main/frontend/components/administration/LibraryManagement.tsx
new file mode 100644
index 0000000..11fa2e8
--- /dev/null
+++ b/app/src/main/frontend/components/administration/LibraryManagement.tsx
@@ -0,0 +1,102 @@
+import React from "react";
+import ConfigFormField from "Frontend/components/administration/ConfigFormField";
+import withConfigPage from "Frontend/components/administration/withConfigPage";
+import Section from "Frontend/components/general/Section";
+import * as Yup from 'yup';
+import {addToast, Button, Divider, Tooltip, useDisclosure} from "@heroui/react";
+import {Plus} from "@phosphor-icons/react";
+import {LibraryEndpoint} from "Frontend/generated/endpoints";
+import {LibraryOverviewCard} from "Frontend/components/general/cards/LibraryOverviewCard";
+import LibraryCreationModal from "Frontend/components/general/modals/LibraryCreationModal";
+import LibraryUpdateDto from "Frontend/generated/org/gameyfin/app/libraries/dto/LibraryUpdateDto";
+import LibraryDto from "Frontend/generated/org/gameyfin/app/libraries/dto/LibraryDto";
+import {useSnapshot} from "valtio/react";
+import {libraryState} from "Frontend/state/LibraryState";
+
+function LibraryManagementLayout({getConfig, formik}: any) {
+ const libraryCreationModal = useDisclosure();
+ const state = useSnapshot(libraryState);
+
+ async function updateLibrary(library: LibraryUpdateDto) {
+ await LibraryEndpoint.updateLibrary(library);
+ addToast({
+ title: "Library updated",
+ description: `Library ${library.name} has been updated.`,
+ color: "success"
+ })
+ }
+
+ async function removeLibrary(library: LibraryDto) {
+ await LibraryEndpoint.deleteLibrary(library.id);
+ addToast({
+ title: "Library removed",
+ description: `Library ${library.name} has been removed.`,
+ color: "success"
+ })
+ }
+
+ return (
+ No libraries found
+ } + +
+ {logEntries.map((entry, index) => {entry}
)}
+
+
+
+ );
+}
+
+const validationSchema = Yup.object({
+ logs: Yup.object({
+ folder: Yup.string().required("Required"),
+ "max-history-days": Yup.number().required("Required"),
+ level: Yup.object({
+ gameyfin: Yup.string().required("Required"),
+ root: Yup.string().required("Required")
+ })
+ })
+});
+
+export const LogManagement = withConfigPage(LogManagementLayout, "Logging", validationSchema);
\ No newline at end of file
diff --git a/app/src/main/frontend/components/administration/MessageManagement.tsx b/app/src/main/frontend/components/administration/MessageManagement.tsx
new file mode 100644
index 0000000..8ad552b
--- /dev/null
+++ b/app/src/main/frontend/components/administration/MessageManagement.tsx
@@ -0,0 +1,129 @@
+import React, {useEffect, useState} from "react";
+import withConfigPage from "Frontend/components/administration/withConfigPage";
+import ConfigFormField from "Frontend/components/administration/ConfigFormField";
+import Section from "Frontend/components/general/Section";
+import {addToast, Button, Card, Tooltip, useDisclosure} from "@heroui/react";
+import {MessageEndpoint, MessageTemplateEndpoint} from "Frontend/generated/endpoints";
+import {PaperPlaneRight, Pencil} from "@phosphor-icons/react";
+import MessageTemplateDto from "Frontend/generated/org/gameyfin/app/messages/templates/MessageTemplateDto";
+import SendTestNotificationModal from "Frontend/components/administration/messages/SendTestNotificationModal";
+import EditTemplateModal from "Frontend/components/administration/messages/EditTemplateModel";
+
+function MessageManagementLayout({getConfig, formik}: any) {
+
+ const editorModal = useDisclosure();
+ const testNotificationModal = useDisclosure();
+ const [availableTemplates, setAvailableTemplates] = useState([]);
+ const [selectedTemplate, setSelectedTemplate] = useState();
+
+ useEffect(() => {
+ MessageTemplateEndpoint.getAll().then((response: any) => {
+ setAvailableTemplates(response as MessageTemplateDto[]);
+ });
+ }, []);
+
+ async function verifyCredentials(provider: string) {
+ const credentials: Record = {
+ host: formik.values.messages.providers.email.host,
+ port: formik.values.messages.providers.email.port,
+ username: formik.values.messages.providers.email.username,
+ password: formik.values.messages.providers.email.password
+ }
+
+ const areCredentialsValid = await MessageEndpoint.verifyCredentials(provider, credentials);
+
+ if (areCredentialsValid) {
+ addToast({
+ title: "Credentials are valid",
+ color: "success"
+ });
+ } else {
+ addToast({
+ title: "Credentials are invalid",
+ color: "warning"
+ });
+ }
+ }
+
+ async function openEditor(template: MessageTemplateDto) {
+ setSelectedTemplate(template);
+ editorModal.onOpen();
+ }
+
+ function openTestNotification(template: MessageTemplateDto) {
+ setSelectedTemplate(template);
+ testNotificationModal.onOpen();
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {availableTemplates.map((template: MessageTemplateDto) =>
+
+
+
+
+
+
+
+ {template.description}
+
+ )}
+
+
+
+
+
+
+ Plugins
+
+
+
+ {pluginTypes.map(type =>
+ // @ts-ignore
+
+ )}
+
+
+ );
+}
\ No newline at end of file
diff --git a/app/src/main/frontend/components/administration/ProfileManagement.tsx b/app/src/main/frontend/components/administration/ProfileManagement.tsx
new file mode 100644
index 0000000..c965cc1
--- /dev/null
+++ b/app/src/main/frontend/components/administration/ProfileManagement.tsx
@@ -0,0 +1,173 @@
+import Section from "Frontend/components/general/Section";
+import Input from "Frontend/components/general/input/Input";
+import {addToast, Button, Input as NextUiInput, Tooltip} from "@heroui/react";
+import {Form, Formik} from "formik";
+import {ArrowCounterClockwise, Check, Info, Trash} from "@phosphor-icons/react";
+import React, {useEffect, useState} from "react";
+import {useAuth} from "Frontend/util/auth";
+import * as Yup from "yup";
+import UserUpdateDto from "Frontend/generated/org/gameyfin/app/users/dto/UserUpdateDto";
+import {EmailConfirmationEndpoint, MessageEndpoint, UserEndpoint} from "Frontend/generated/endpoints";
+import {SmallInfoField} from "Frontend/components/general/SmallInfoField";
+import {removeAvatar, uploadAvatar} from "Frontend/endpoints/AvatarEndpoint";
+import Avatar from "Frontend/components/general/Avatar";
+
+export default function ProfileManagement() {
+ const auth = useAuth();
+ const [avatar, setAvatar] = useState();
+ const [configSaved, setConfigSaved] = useState(false);
+ const [messagesEnabled, setMessagesEnabled] = useState(false);
+
+ useEffect(() => {
+ MessageEndpoint.isEnabled().then(setMessagesEnabled);
+ }, []);
+
+ useEffect(() => {
+ if (configSaved) {
+ setTimeout(() => setConfigSaved(false), 2000);
+ }
+ }, [configSaved])
+
+
+ function onFileSelected(event: any) {
+ setAvatar(event.target.files[0]);
+ }
+
+ async function handleSubmit(values: any) {
+ const userUpdate: UserUpdateDto = {
+ username: values.username,
+ email: values.email
+ }
+
+ if (values.newPassword.length > 0) {
+ userUpdate.password = values.newPassword;
+ }
+
+ await UserEndpoint.updateUser(userUpdate);
+ setConfigSaved(true);
+
+ if (values.newPassword.length > 0) {
+ addToast({
+ title: "Password changed",
+ description: "Please log in again",
+ color: "success"
+ });
+ setTimeout(() => {
+ auth.logout();
+ }, 500);
+ }
+ }
+
+ return (
+ <>
+
+ {(formik: { values: any; isSubmitting: any; dirty: boolean; }) => (
+
+ )}
+
+
+ );
+}
\ No newline at end of file
diff --git a/app/src/main/frontend/components/administration/SsoManagement.tsx b/app/src/main/frontend/components/administration/SsoManagement.tsx
new file mode 100644
index 0000000..78568f2
--- /dev/null
+++ b/app/src/main/frontend/components/administration/SsoManagement.tsx
@@ -0,0 +1,124 @@
+import React, {useEffect} from "react";
+import withConfigPage from "Frontend/components/administration/withConfigPage";
+import * as Yup from 'yup';
+import ConfigFormField from "Frontend/components/administration/ConfigFormField";
+import Section from "Frontend/components/general/Section";
+import {addToast, Button} from "@heroui/react";
+import {MagicWand} from "@phosphor-icons/react";
+
+function SsoManagementLayout({getConfig, formik, setSaveMessage}: any) {
+
+ useEffect(() => {
+ if (formik.dirty) {
+ setSaveMessage("Gameyfin must be restarted for the changes to take effect");
+ } else {
+ setSaveMessage(null);
+ }
+ }, [formik.dirty]);
+
+ function isAutoPopulateDisabled() {
+ return !formik.values.sso.oidc.enabled || !formik.values.sso.oidc["issuer-url"];
+ }
+
+ async function autoPopulate() {
+ let issuerUrl: string = formik.values.sso.oidc["issuer-url"];
+ if (issuerUrl.endsWith("/")) issuerUrl = issuerUrl.slice(0, -1);
+
+ try {
+ const response = await fetch(issuerUrl + "/.well-known/openid-configuration");
+ const data = await response.json();
+
+ formik.setFieldValue("sso.oidc.authorize-url", data.authorization_endpoint);
+ formik.setFieldValue("sso.oidc.token-url", data.token_endpoint);
+ formik.setFieldValue("sso.oidc.userinfo-url", data.userinfo_endpoint);
+ formik.setFieldValue("sso.oidc.logout-url", data.end_session_endpoint);
+ formik.setFieldValue("sso.oidc.jwks-url", data.jwks_uri);
+ } catch (e) {
+ addToast({
+ title: "Failed to auto-populate SSO configuration",
+ color: "warning"
+ });
+ }
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+const validationSchema = Yup.object({
+ sso: Yup.object({
+ oidc: Yup.object({
+ enabled: Yup.boolean(),
+ "auto-register-new-users": Yup.boolean().required(),
+ "match-existing-users-by": Yup.string().required(),
+ "client-id": Yup.string().when("enabled", ([enabled], schema) =>
+ enabled ? schema.required("Client ID is required") : schema
+ ),
+ "client-secret": Yup.string().when("enabled", ([enabled], schema) =>
+ enabled ? schema.required("Client Secret is required") : schema
+ ),
+ "issuer-url": Yup.string().when("enabled", ([enabled], schema) =>
+ enabled ? schema.required("Issuer URL is required") : schema
+ ),
+ "authorize-url": Yup.string().when("enabled", ([enabled], schema) =>
+ enabled ? schema.required("Authorize URL is required") : schema
+ ),
+ "token-url": Yup.string().when("enabled", ([enabled], schema) =>
+ enabled ? schema.required("Token URL is required") : schema
+ ),
+ "userinfo-url": Yup.string().when("enabled", ([enabled], schema) =>
+ enabled ? schema.required("Userinfo URL is required") : schema
+ ),
+ "logout-url": Yup.string().when("enabled", ([enabled], schema) =>
+ enabled ? schema.required("Logout URL is required") : schema
+ ),
+ "jwks-url": Yup.string().when("enabled", ([enabled], schema) =>
+ enabled ? schema.required("JWKS URL is required") : schema
+ )
+ })
+ })
+});
+
+export const SsoManagement = withConfigPage(SsoManagementLayout, "Single Sign-On", validationSchema);
\ No newline at end of file
diff --git a/app/src/main/frontend/components/administration/SystemManagement.tsx b/app/src/main/frontend/components/administration/SystemManagement.tsx
new file mode 100644
index 0000000..40da042
--- /dev/null
+++ b/app/src/main/frontend/components/administration/SystemManagement.tsx
@@ -0,0 +1,29 @@
+import React, {useEffect} from "react";
+import {SystemEndpoint} from "Frontend/generated/endpoints";
+import withConfigPage from "Frontend/components/administration/withConfigPage";
+import {Button} from "@heroui/react";
+import ConfigFormField from "Frontend/components/administration/ConfigFormField";
+import Section from "Frontend/components/general/Section";
+
+function SystemManagementLayout({getConfig, formik, setSaveMessage}: any) {
+
+ useEffect(() => {
+ if (formik.dirty && (formik.initialValues.system.cors["allowed-origins"] !== formik.values.system.cors["allowed-origins"])) {
+ setSaveMessage("Gameyfin must be restarted for the changes to take effect");
+ } else {
+ setSaveMessage(null);
+ }
+ }, [formik.dirty]);
+
+ return (
+
+
+
+
+
+
+
+ );
+}
+
+export const SystemManagement = withConfigPage(SystemManagementLayout, "System");
\ No newline at end of file
diff --git a/app/src/main/frontend/components/administration/UserManagement.tsx b/app/src/main/frontend/components/administration/UserManagement.tsx
new file mode 100644
index 0000000..4c38313
--- /dev/null
+++ b/app/src/main/frontend/components/administration/UserManagement.tsx
@@ -0,0 +1,54 @@
+import React, {useEffect, useState} from "react";
+import ConfigFormField from "Frontend/components/administration/ConfigFormField";
+import withConfigPage from "Frontend/components/administration/withConfigPage";
+import Section from "Frontend/components/general/Section";
+import {UserEndpoint} from "Frontend/generated/endpoints";
+import UserInfoDto from "Frontend/generated/org/gameyfin/app/users/dto/UserInfoDto";
+import {UserManagementCard} from "Frontend/components/general/cards/UserManagementCard";
+import {SmallInfoField} from "Frontend/components/general/SmallInfoField";
+import {Info, UserPlus} from "@phosphor-icons/react";
+import {Button, Divider, Tooltip, useDisclosure} from "@heroui/react";
+import InviteUserModal from "Frontend/components/general/modals/InviteUserModal";
+
+function UserManagementLayout({getConfig, formik}: any) {
+ const inviteUserModal = useDisclosure();
+ const [users, setUsers] = useState([]);
+
+ useEffect(() => {
+ UserEndpoint.getAllUsers().then(
+ (response) => setUsers(response)
+ );
+ }, []);
+
+ return (
+
+
+
+
+
+
+
+
+
+ Users
+ {!getConfig("sso.oidc.auto-register-new-users").value &&
+
+
+
+
+ )}
+
+
+
+ );
+}
+
+export const UserManagement = withConfigPage(UserManagementLayout, "User Management");
\ No newline at end of file
diff --git a/app/src/main/frontend/components/administration/messages/EditTemplateModel.tsx b/app/src/main/frontend/components/administration/messages/EditTemplateModel.tsx
new file mode 100644
index 0000000..63604df
--- /dev/null
+++ b/app/src/main/frontend/components/administration/messages/EditTemplateModel.tsx
@@ -0,0 +1,130 @@
+import React, {useEffect, useState} from "react";
+import {
+ addToast,
+ Button,
+ Chip,
+ Link,
+ Modal,
+ ModalBody,
+ ModalContent,
+ ModalFooter,
+ ModalHeader,
+ Textarea
+} from "@heroui/react";
+import {MessageTemplateEndpoint} from "Frontend/generated/endpoints";
+import MessageTemplateDto from "Frontend/generated/org/gameyfin/app/messages/templates/MessageTemplateDto";
+import TemplateType from "Frontend/generated/org/gameyfin/app/messages/templates/TemplateType";
+
+interface EditTemplateModalProps {
+ isOpen: boolean;
+ onOpenChange: () => void;
+ selectedTemplate: MessageTemplateDto | null;
+}
+
+export default function EditTemplateModal({isOpen, onOpenChange, selectedTemplate}: EditTemplateModalProps) {
+ const [templateContent, setTemplateContent] = useState("");
+ const [defaultPlaceholders, setDefaultPlaceholders] = useState([]);
+
+ useEffect(() => {
+ if (!isOpen) return;
+
+ MessageTemplateEndpoint.read(selectedTemplate?.key as string, TemplateType.MJML).then((response: any) => {
+ setTemplateContent(response as string);
+ });
+
+ MessageTemplateEndpoint.getDefaultPlaceholders(TemplateType.MJML).then((response: any) => {
+ setDefaultPlaceholders(response as string[]);
+ });
+ }, [isOpen]);
+
+ async function saveTemplate(template: MessageTemplateDto) {
+ await MessageTemplateEndpoint.save(template.key, TemplateType.MJML, templateContent);
+ }
+
+ function templateContainsAllRequiredPlaceholders(): boolean {
+ if (!selectedTemplate || !selectedTemplate.availablePlaceholders) return false;
+ return selectedTemplate.availablePlaceholders
+ .every((p) => templateContent.includes(`{${p}}`))
+ }
+
+ return (
+
+
+ {(onClose) => (
+ <>
+ Edit {selectedTemplate?.name} Template
+
+
+
+
+
+ Required placeholders:
+
+
+ {selectedTemplate?.availablePlaceholders?.map((placeholder) =>
+ {placeholder}
+ )}
+
+
+
+
+ Optional placeholders:
+
+
+ {defaultPlaceholders.map((placeholder) =>
+ {placeholder}
+ )}
+
+
+
+
+
+ Powered by mjml.io
+
+