Toggle for showing title & description overlay on store page #51 (#130)

* #51 Adds settings page with showTitleDescriptionOnGamePanel

* Removes console.log

* Renames isHidden to system, adds missing system column on Game and fixes nitro plugin on fresh database

* Implements a different way to handle the placeholder image

* Removes system column on Game

* Groups settings keys together

* Removes unused i18n keys

* fix: fix eslints and other small tweaks

---------

Co-authored-by: Francois Ribemont <ribemont.francois@gmail.com>

server/api/v1/admin/settings/dummy-data.get.ts

@@ -0,0 +1,11 @@
+import aclManager from "~/server/internal/acls";
+import prisma from "~/server/internal/db/database";
+
+export default defineEventHandler(async (h3) => {
+  const allowed = await aclManager.getUserACL(h3, ["settings:read"]);
+  if (!allowed) throw createError({ statusCode: 403 });
+
+  const game = await prisma.game.findFirst();
+
+  return { game };
+});

server/api/v1/admin/settings/index.get.ts

@@ -0,0 +1,13 @@
+import aclManager from "~/server/internal/acls";
+import { applicationSettings } from "~/server/internal/config/application-configuration";
+
+export default defineEventHandler(async (h3) => {
+  const allowed = await aclManager.getUserACL(h3, ["settings:read"]);
+  if (!allowed) throw createError({ statusCode: 403 });
+
+  const showGamePanelTextDecoration = await applicationSettings.get(
+    "showGamePanelTextDecoration",
+  );
+
+  return { showGamePanelTextDecoration };
+});

server/api/v1/admin/settings/index.patch.ts

@@ -0,0 +1,23 @@
+import { type } from "arktype";
+import { applicationSettings } from "~/server/internal/config/application-configuration";
+import { readDropValidatedBody } from "~/server/arktype";
+import { defineEventHandler, createError } from "h3";
+import aclManager from "~/server/internal/acls";
+
+const UpdateSettings = type({
+  showGamePanelTextDecoration: "boolean",
+});
+
+export default defineEventHandler<{ body: typeof UpdateSettings.infer }>(
+  async (h3) => {
+    const allowed = await aclManager.allowSystemACL(h3, ["settings:update"]);
+    if (!allowed) throw createError({ statusCode: 403 });
+
+    const body = await readDropValidatedBody(h3, UpdateSettings);
+
+    await applicationSettings.set(
+      "showGamePanelTextDecoration",
+      body.showGamePanelTextDecoration,
+    );
+  },
+);

server/internal/acls/descriptions.ts

@@ -39,6 +39,8 @@ export const userACLDescriptions: ObjectFromList<typeof userACLs> = {
   "clients:revoke": "",
 
   "news:read": "Read the server's news articles.",
+
+  "settings:read": "Read system settings.",
 };
 
 export const systemACLDescriptions: ObjectFromList<typeof systemACLs> = {
@@ -87,4 +89,6 @@ export const systemACLDescriptions: ObjectFromList<typeof systemACLs> = {
 
   "maintenance:read":
     "Read tasks and maintenance information, like updates available and cleanup.",
+
+  "settings:update": "Update system settings.",
 };

server/internal/acls/index.ts

@@ -33,6 +33,8 @@ export const userACLs = [
   "clients:revoke",
 
   "news:read",
+
+  "settings:read",
 ] as const;
 const userACLPrefix = "user:";
 
@@ -80,6 +82,8 @@ export const systemACLs = [
   "task:start",
 
   "maintenance:read",
+
+  "settings:update",
 ] as const;
 const systemACLPrefix = "system:";
 

server/internal/library/index.ts

@@ -172,7 +172,9 @@ class LibraryManager {
   // Checks are done in least to most expensive order
   async checkUnimportedGamePath(libraryId: string, libraryPath: string) {
     const hasGame =
-      (await prisma.game.count({ where: { libraryId, libraryPath } })) > 0;
+      (await prisma.game.count({
+        where: { libraryId, libraryPath },
+      })) > 0;
     if (hasGame) return false;
 
     return true;