Store overhaul (#142)

* feat: small library tweaks + company page

* feat: new store view

* fix: ci merge error

* feat: add genres to store page

* feat: sorting

* feat: lock game/version imports while their tasks are running

* feat: feature games

* feat: tag based filtering

* fix: make tags alphabetical

* refactor: move a bunch of i18n to common

* feat: add localizations for everything

* fix: title description on panel

* fix: feature carousel text

* fix: i18n footer strings

* feat: add tag page

* fix: develop merge

* feat: offline games support (don't error out if provider throws)

* feat: tag management

* feat: show library next to game import + small fixes

* feat: most of the company and tag managers

* feat: company text field editing

* fix: small fixes + tsgo experiemental

* feat: upload icon and banner

* feat: store infinite scrolling and bulk import mode

* fix: lint

* fix: add drop-base to prettier ignore

server/api/v1/admin/company/[id]/banner.post.ts

@@ -0,0 +1,51 @@
+import aclManager from "~/server/internal/acls";
+import prisma from "~/server/internal/db/database";
+import objectHandler from "~/server/internal/objects";
+import { handleFileUpload } from "~/server/internal/utils/handlefileupload";
+
+export default defineEventHandler(async (h3) => {
+  const allowed = await aclManager.allowSystemACL(h3, ["company:update"]);
+  if (!allowed) throw createError({ statusCode: 403 });
+
+  const companyId = getRouterParam(h3, "id")!;
+  const company = await prisma.company.findUnique({
+    where: {
+      id: companyId,
+    },
+  });
+
+  if (!company)
+    throw createError({ statusCode: 400, statusMessage: "Invalid company id" });
+
+  const result = await handleFileUpload(h3, {}, ["internal:read"], 1);
+  if (!result)
+    throw createError({
+      statusCode: 400,
+      statusMessage: "File upload required (multipart form)",
+    });
+
+  const [ids, , pull, dump] = result;
+  const id = ids.at(0);
+  if (!id)
+    throw createError({
+      statusCode: 400,
+      statusMessage: "Upload at least one file.",
+    });
+
+  try {
+    await objectHandler.deleteAsSystem(company.mBannerObjectId);
+    await prisma.company.update({
+      where: {
+        id: companyId,
+      },
+      data: {
+        mBannerObjectId: id,
+      },
+    });
+    await pull();
+  } catch {
+    await dump();
+  }
+
+  return { id: id };
+});

server/api/v1/admin/company/[id]/game.delete.ts

@@ -0,0 +1,37 @@
+import { type } from "arktype";
+import { readDropValidatedBody, throwingArktype } from "~/server/arktype";
+import aclManager from "~/server/internal/acls";
+import prisma from "~/server/internal/db/database";
+
+const GameDelete = type({
+  id: "string",
+}).configure(throwingArktype);
+
+export default defineEventHandler(async (h3) => {
+  const allowed = await aclManager.allowSystemACL(h3, ["company:update"]);
+  if (!allowed) throw createError({ statusCode: 403 });
+
+  const companyId = getRouterParam(h3, "id")!;
+
+  const body = await readDropValidatedBody(h3, GameDelete);
+
+  await prisma.game.update({
+    where: {
+      id: body.id,
+    },
+    data: {
+      publishers: {
+        disconnect: {
+          id: companyId,
+        },
+      },
+      developers: {
+        disconnect: {
+          id: companyId,
+        },
+      },
+    },
+  });
+
+  return;
+});

server/api/v1/admin/company/[id]/game.patch.ts

@@ -0,0 +1,37 @@
+import { type } from "arktype";
+import { readDropValidatedBody, throwingArktype } from "~/server/arktype";
+import aclManager from "~/server/internal/acls";
+import prisma from "~/server/internal/db/database";
+
+const GamePatch = type({
+  action: "'developed' | 'published'",
+  enabled: "boolean",
+  id: "string",
+}).configure(throwingArktype);
+
+export default defineEventHandler(async (h3) => {
+  const allowed = await aclManager.allowSystemACL(h3, ["company:update"]);
+  if (!allowed) throw createError({ statusCode: 403 });
+
+  const companyId = getRouterParam(h3, "id")!;
+
+  const body = await readDropValidatedBody(h3, GamePatch);
+
+  const action = body.action === "developed" ? "developers" : "publishers";
+  const actionType = body.enabled ? "connect" : "disconnect";
+
+  await prisma.game.update({
+    where: {
+      id: body.id,
+    },
+    data: {
+      [action]: {
+        [actionType]: {
+          id: companyId,
+        },
+      },
+    },
+  });
+
+  return;
+});

server/api/v1/admin/company/[id]/game.post.ts

@@ -0,0 +1,69 @@
+import { type } from "arktype";
+import { readDropValidatedBody, throwingArktype } from "~/server/arktype";
+import aclManager from "~/server/internal/acls";
+import prisma from "~/server/internal/db/database";
+
+const GamePost = type({
+  published: "boolean",
+  developed: "boolean",
+  id: "string",
+}).configure(throwingArktype);
+
+export default defineEventHandler(async (h3) => {
+  const allowed = await aclManager.allowSystemACL(h3, ["company:update"]);
+  if (!allowed) throw createError({ statusCode: 403 });
+
+  const companyId = getRouterParam(h3, "id")!;
+
+  const body = await readDropValidatedBody(h3, GamePost);
+
+  if (!body.published && !body.developed)
+    throw createError({
+      statusCode: 400,
+      statusMessage: "Must be related (either developed or published).",
+    });
+
+  const publisherConnect = body.published
+    ? {
+        publishers: {
+          connect: {
+            id: companyId,
+          },
+        },
+      }
+    : undefined;
+
+  const developerConnect = body.developed
+    ? {
+        developers: {
+          connect: {
+            id: companyId,
+          },
+        },
+      }
+    : undefined;
+
+  const game = await prisma.game.update({
+    where: {
+      id: body.id,
+    },
+    data: {
+      ...publisherConnect,
+      ...developerConnect,
+    },
+    include: {
+      publishers: {
+        select: {
+          id: true,
+        },
+      },
+      developers: {
+        select: {
+          id: true,
+        },
+      },
+    },
+  });
+
+  return game;
+});

server/api/v1/admin/company/[id]/icon.post.ts

@@ -0,0 +1,51 @@
+import aclManager from "~/server/internal/acls";
+import prisma from "~/server/internal/db/database";
+import objectHandler from "~/server/internal/objects";
+import { handleFileUpload } from "~/server/internal/utils/handlefileupload";
+
+export default defineEventHandler(async (h3) => {
+  const allowed = await aclManager.allowSystemACL(h3, ["company:update"]);
+  if (!allowed) throw createError({ statusCode: 403 });
+
+  const companyId = getRouterParam(h3, "id")!;
+  const company = await prisma.company.findUnique({
+    where: {
+      id: companyId,
+    },
+  });
+
+  if (!company)
+    throw createError({ statusCode: 400, statusMessage: "Invalid company id" });
+
+  const result = await handleFileUpload(h3, {}, ["internal:read"], 1);
+  if (!result)
+    throw createError({
+      statusCode: 400,
+      statusMessage: "File upload required (multipart form)",
+    });
+
+  const [ids, , pull, dump] = result;
+  const id = ids.at(0);
+  if (!id)
+    throw createError({
+      statusCode: 400,
+      statusMessage: "Upload at least one file.",
+    });
+
+  try {
+    await objectHandler.deleteAsSystem(company.mLogoObjectId);
+    await prisma.company.update({
+      where: {
+        id: companyId,
+      },
+      data: {
+        mLogoObjectId: id,
+      },
+    });
+    await pull();
+  } catch {
+    await dump();
+  }
+
+  return { id: id };
+});

server/api/v1/admin/company/[id]/index.delete.ts

@@ -0,0 +1,14 @@
+import aclManager from "~/server/internal/acls";
+import prisma from "~/server/internal/db/database";
+
+export default defineEventHandler(async (h3) => {
+  const allowed = await aclManager.allowSystemACL(h3, ["company:delete"]);
+  if (!allowed) throw createError({ statusCode: 403 });
+
+  const id = getRouterParam(h3, "id")!;
+
+  const company = await prisma.company.deleteMany({ where: { id } });
+  if (company.count == 0)
+    throw createError({ statusCode: 404, statusMessage: "Company not found" });
+  return;
+});

server/api/v1/admin/company/[id]/index.get.ts

@@ -0,0 +1,54 @@
+import aclManager from "~/server/internal/acls";
+import prisma from "~/server/internal/db/database";
+
+export default defineEventHandler(async (h3) => {
+  const allowed = await aclManager.allowSystemACL(h3, ["company:read"]);
+  if (!allowed) throw createError({ statusCode: 403 });
+
+  const id = getRouterParam(h3, "id")!;
+
+  const company = await prisma.company.findUnique({
+    where: { id },
+    include: {
+      published: {
+        select: {
+          id: true,
+        },
+      },
+      developed: {
+        select: {
+          id: true,
+        },
+      },
+    },
+  });
+  if (!company)
+    throw createError({ statusCode: 404, statusMessage: "Company not found" });
+  const games = await prisma.game.findMany({
+    where: {
+      OR: [
+        {
+          developers: {
+            some: {
+              id: company.id,
+            },
+          },
+        },
+        {
+          publishers: {
+            some: {
+              id: company.id,
+            },
+          },
+        },
+      ],
+    },
+    distinct: ["id"],
+  });
+  const companyFlatten = {
+    ...company,
+    developed: company.developed.map((e) => e.id),
+    published: company.published.map((e) => e.id),
+  };
+  return { company: companyFlatten, games };
+});

server/api/v1/admin/company/[id]/index.patch.ts

@@ -0,0 +1,23 @@
+import aclManager from "~/server/internal/acls";
+import prisma from "~/server/internal/db/database";
+
+export default defineEventHandler(async (h3) => {
+  const allowed = await aclManager.allowSystemACL(h3, ["company:update"]);
+  if (!allowed) throw createError({ statusCode: 403 });
+
+  const body = await readBody(h3);
+  const id = getRouterParam(h3, "id")!;
+
+  const restOfTheBody = { ...body };
+  delete restOfTheBody["id"];
+
+  const newObj = await prisma.company.update({
+    where: {
+      id: id,
+    },
+    data: restOfTheBody,
+    // I would put a select here, but it would be based on the body, and muck up the types
+  });
+
+  return newObj;
+});