+
+Waifu Customization
+
+
+
+
+ %sveltekit.body%
+
+
diff --git a/apps/web/src/app.scss b/apps/web/src/app.scss
new file mode 100644
index 0000000..e0b33f6
--- /dev/null
+++ b/apps/web/src/app.scss
@@ -0,0 +1,18 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+ font-family:
+ "Inter",
+ -apple-system,
+ BlinkMacSystemFont,
+ "Segoe UI",
+ Roboto,
+ Oxygen,
+ Ubuntu,
+ Cantarell,
+ "Open Sans",
+ "Helvetica Neue",
+ sans-serif;
+}
diff --git a/apps/web/src/hooks.server.ts b/apps/web/src/hooks.server.ts
new file mode 100644
index 0000000..762d8d2
--- /dev/null
+++ b/apps/web/src/hooks.server.ts
@@ -0,0 +1,68 @@
+import { type Handle, error, redirect } from "@sveltejs/kit";
+
+import { env } from "$env/dynamic/private";
+import { isAdmin } from "$lib/authUtils";
+import { cookieTokenKey } from "$lib/constants";
+import type { AuthFailReason } from "$lib/login";
+
+import jwt from "jsonwebtoken";
+
+import { jwtSchema } from "./types";
+
+function parseJwt(accessToken: string, secret: string) {
+ try {
+ const user = jwt.verify(accessToken, secret);
+ return user;
+ } catch (error) {
+ throw redirect(
+ 302,
+ `/login?error=${"notauthenticated" satisfies AuthFailReason}`,
+ );
+ }
+}
+
+export const handle = (async ({ event, resolve }) => {
+ const isRequiredAuthPath =
+ event.url.pathname.startsWith("/admin") ||
+ event.url.pathname.startsWith("/home");
+
+ if (!isRequiredAuthPath) {
+ const response = await resolve(event);
+ return response;
+ }
+
+ if (!env.JWT_SECRET) {
+ throw error(500, "Server missing environment variables");
+ }
+
+ const accessToken = event.cookies.get(cookieTokenKey);
+
+ if (!accessToken) {
+ throw redirect(
+ 302,
+ `/login?error=${"notauthenticated" satisfies AuthFailReason}`,
+ );
+ }
+
+ const user = parseJwt(accessToken, env.JWT_SECRET);
+
+ const parsed = jwtSchema.safeParse(user);
+ if (!parsed.success) {
+ throw redirect(
+ 302,
+ `/login?error=${"invalidjwtcontent" satisfies AuthFailReason}`,
+ );
+ }
+
+ event.locals.user = parsed.data;
+
+ // Check Admin
+ if (event.url.pathname.startsWith("/admin")) {
+ if (!isAdmin(parsed.data.role)) {
+ throw error(403, "Forbidden");
+ }
+ }
+
+ const response = await resolve(event);
+ return response;
+}) satisfies Handle;
diff --git a/apps/web/src/lib/authUtils.ts b/apps/web/src/lib/authUtils.ts
new file mode 100644
index 0000000..29712ee
--- /dev/null
+++ b/apps/web/src/lib/authUtils.ts
@@ -0,0 +1,3 @@
+export function isAdmin(role: string) {
+ return role.includes("ADMIN");
+}
diff --git a/apps/web/src/lib/components/Image.svelte b/apps/web/src/lib/components/Image.svelte
new file mode 100644
index 0000000..c4758e0
--- /dev/null
+++ b/apps/web/src/lib/components/Image.svelte
@@ -0,0 +1,31 @@
+
+
+
+
+{#if src.startsWith("https")}
+
+
+
+
+
+
diff --git a/apps/web/src/routes/(user)/admin/+page.server.ts b/apps/web/src/routes/(user)/admin/+page.server.ts
new file mode 100644
index 0000000..37ac0f5
--- /dev/null
+++ b/apps/web/src/routes/(user)/admin/+page.server.ts
@@ -0,0 +1,23 @@
+import { prisma } from "@waifu-bot/database";
+
+import { getCurrentWaifu } from "$lib/server/getCurrentWaifu";
+
+import type { PageServerLoad } from "./$types";
+
+export const load = (async () => {
+ const [activityCount, enabledActivity, currentWaifu] = await Promise.all([
+ prisma.activity.count(),
+ prisma.activity.count({
+ where: {
+ enabled: true,
+ },
+ }),
+ getCurrentWaifu(),
+ ]);
+
+ return {
+ activityCount,
+ enabledActivity,
+ currentWaifu,
+ };
+}) satisfies PageServerLoad;
diff --git a/apps/web/src/routes/(user)/admin/+page.svelte b/apps/web/src/routes/(user)/admin/+page.svelte
new file mode 100644
index 0000000..275c57d
--- /dev/null
+++ b/apps/web/src/routes/(user)/admin/+page.svelte
@@ -0,0 +1,73 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {data.currentWaifu.nameJa}
++ Our current waifu is {data.currentWaifu.nameEn} +
+Activity Management
+ ++ You can edit one row at once. Saving one will discard all others +
+ + {#if form?.message} +{form.message}
+ {/if} + + {#if form?.error} +{form.error}
+ {/if} + + + +| ID | +Name | +Type | +URL | +Enabled | +Actions | +
|---|---|---|---|---|---|
| + + | ++ + | ++ + | ++ + | ++ + | ++ + | +
Waifu Manage
+ + + + + +
+ {#each allWaifu as waifu}
+ {@const index = waifu.id}
+ {
+ goto(`?waifu=${index}`, { replaceState: true, noScroll: true });
+ }}
+ >
+
+
+ {/each}
+
+
+
+ {title}
+ +Warning: Changing username is rate limited
+ +{message(waifuName)} (ID = {id})
+ + +
+
+
+
+
+
+
+
+
+
diff --git a/apps/web/src/routes/+layout.server.ts b/apps/web/src/routes/+layout.server.ts
new file mode 100644
index 0000000..67e117c
--- /dev/null
+++ b/apps/web/src/routes/+layout.server.ts
@@ -0,0 +1,12 @@
+import { parseAcceptLanguage } from "$lib/server/acceptLanguage";
+
+import type { LayoutServerLoad } from "./$types";
+
+export const load = (async ({ request }) => {
+ const acceptLanguage = request.headers.get("Accept-Language") as string;
+
+ return {
+ acceptLanguage,
+ primaryLanguage: parseAcceptLanguage(acceptLanguage),
+ };
+}) satisfies LayoutServerLoad;
diff --git a/apps/web/src/routes/+layout.svelte b/apps/web/src/routes/+layout.svelte
new file mode 100644
index 0000000..b5feef4
--- /dev/null
+++ b/apps/web/src/routes/+layout.svelte
@@ -0,0 +1,12 @@
+
+
++ Welcome to the Internet +
+ + {#if isAdmin(data.user.role)} + + + + {/if} + + +
+
+
+
+
diff --git a/apps/web/src/routes/PastWaifu.svelte b/apps/web/src/routes/PastWaifu.svelte
new file mode 100644
index 0000000..d39a7b1
--- /dev/null
+++ b/apps/web/src/routes/PastWaifu.svelte
@@ -0,0 +1,119 @@
+
+
++ Waifu Bot +
+ +
+
+
+
+
+
+
+
+
+ Kawaii, useful and runs on latest node 20!
++ Waifu Bot +
+ +Multipurpose Waifu Discord Bot
+ + + +
+
+
+ Available in Docker
+
+ $
+ docker pull ghcr.io/leomotors/waifu-bot:latest
+
+ + Made with ❤️ by + + Leomotors + +
+
+
+
+
+ `${begin.toLocaleDateString(
+ primaryLanguage,
+ )} - ${end.toLocaleDateString(primaryLanguage)} (${days} days)${
+ versionBegin && versionEnd
+ ? ` v${versionBegin} - v${versionEnd}`
+ : ""
+ }`,
+ )
+ .join("\n"),
+ },
+ {
+ title: "CREATED BY",
+ primaryField: currentWaifu.createdBy.name,
+ },
+ {
+ title: "NOTE",
+ primaryField: currentWaifu.note || "-",
+ },
+ ]}
+ />
+
+
diff --git a/apps/web/src/routes/api/activity/+server.ts b/apps/web/src/routes/api/activity/+server.ts
new file mode 100644
index 0000000..7fed746
--- /dev/null
+++ b/apps/web/src/routes/api/activity/+server.ts
@@ -0,0 +1,20 @@
+import { authEnv } from "@waifu-bot/auth";
+import { prisma } from "@waifu-bot/database";
+
+import { type RequestHandler, error, json } from "@sveltejs/kit";
+
+export const GET = (async ({ request }) => {
+ const authorization = request.headers.get("Authorization");
+
+ if (authorization !== authEnv.INTERNAL_SECRET) {
+ throw error(401, "Unauthorized");
+ }
+
+ const activity = await prisma.activity.findMany({
+ where: {
+ enabled: true,
+ },
+ });
+
+ return json(activity);
+}) satisfies RequestHandler;
diff --git a/apps/web/src/routes/api/image/+server.ts b/apps/web/src/routes/api/image/+server.ts
new file mode 100644
index 0000000..7db1fbd
--- /dev/null
+++ b/apps/web/src/routes/api/image/+server.ts
@@ -0,0 +1,13 @@
+import type { RequestHandler } from "@sveltejs/kit";
+
+import { createRequestHandler } from "@urami/core";
+
+const handler = createRequestHandler({
+ avif: false,
+ remoteDomains: ["senddude.leomotors.me", "cdn.discordapp.com", "github.com"],
+ allowedDomains: ["waifu.leomotors.me"],
+ ttl: 1000 * 60 * 60 * 24 * 7,
+ storePath: ".svelte-kit/images",
+});
+
+export const GET = (({ request }) => handler(request)) satisfies RequestHandler;
diff --git a/apps/web/src/routes/api/image/og/+server.ts b/apps/web/src/routes/api/image/og/+server.ts
new file mode 100644
index 0000000..833688b
--- /dev/null
+++ b/apps/web/src/routes/api/image/og/+server.ts
@@ -0,0 +1,23 @@
+import { type RequestHandler, error } from "@sveltejs/kit";
+
+import { getCurrentWaifu } from "$lib/server/getCurrentWaifu";
+
+export const GET = (async ({ setHeaders, fetch }) => {
+ const waifu = await getCurrentWaifu();
+
+ const imageUrl = `/api/image?url=${encodeURIComponent(
+ waifu.bannerUrl,
+ )}&w=1200&q=100`;
+ const res = await fetch(imageUrl);
+
+ if (!res.body) {
+ throw error(500, "Failed to fetch image");
+ }
+
+ setHeaders({
+ "Cache-Control": "public, max-age=3600", // cache the image for 1 hour
+ "Content-Type": res.headers.get("Content-Type") || "image/png",
+ });
+
+ return new Response(res.body);
+}) satisfies RequestHandler;
diff --git a/apps/web/src/routes/api/waifu/+server.ts b/apps/web/src/routes/api/waifu/+server.ts
new file mode 100644
index 0000000..376f5c0
--- /dev/null
+++ b/apps/web/src/routes/api/waifu/+server.ts
@@ -0,0 +1,23 @@
+import { authEnv } from "@waifu-bot/auth";
+import { prisma } from "@waifu-bot/database";
+
+import { type RequestHandler, error, json } from "@sveltejs/kit";
+
+import { getConfig } from "$lib/server/getConfig";
+
+export const GET = (async ({ request }) => {
+ const authorization = request.headers.get("Authorization");
+
+ if (authorization !== authEnv.INTERNAL_SECRET) {
+ throw error(401, "Unauthorized");
+ }
+
+ const config = await getConfig();
+ const waifu = await prisma.waifu.findUniqueOrThrow({
+ where: {
+ id: config.currentWaifuId,
+ },
+ });
+
+ return json(waifu);
+}) satisfies RequestHandler;
diff --git a/apps/web/src/routes/favicon.ico/+server.ts b/apps/web/src/routes/favicon.ico/+server.ts
new file mode 100644
index 0000000..e6e64ad
--- /dev/null
+++ b/apps/web/src/routes/favicon.ico/+server.ts
@@ -0,0 +1,23 @@
+import { type RequestHandler, error } from "@sveltejs/kit";
+
+import { getCurrentWaifu } from "$lib/server/getCurrentWaifu";
+
+export const GET = (async ({ setHeaders, fetch }) => {
+ const waifu = await getCurrentWaifu();
+
+ const imageUrl = `/api/image?url=${encodeURIComponent(
+ waifu.imageUrl,
+ )}&w=64&q=100`;
+ const res = await fetch(imageUrl);
+
+ if (!res.body) {
+ throw error(500, "Failed to fetch image");
+ }
+
+ setHeaders({
+ "Cache-Control": "public, max-age=3600", // cache the image for 1 hour
+ "Content-Type": res.headers.get("Content-Type") || "image/png",
+ });
+
+ return new Response(res.body);
+}) satisfies RequestHandler;
diff --git a/apps/web/src/routes/login/+page.server.ts b/apps/web/src/routes/login/+page.server.ts
new file mode 100644
index 0000000..2ebb6b1
--- /dev/null
+++ b/apps/web/src/routes/login/+page.server.ts
@@ -0,0 +1,69 @@
+import { prisma } from "@waifu-bot/database";
+
+import { error, redirect } from "@sveltejs/kit";
+
+import { env } from "$env/dynamic/private";
+import { cookieTokenKey } from "$lib/constants";
+
+import jwt from "jsonwebtoken";
+
+import type { Actions } from "./$types";
+
+export const actions = {
+ default: async ({ cookies, request }) => {
+ if (!env.JWT_SECRET) {
+ throw error(500, "Server missing environment variables");
+ }
+
+ const formData = await request.formData();
+ const ticketId = formData.get("ticket");
+
+ if (!ticketId || typeof ticketId !== "string") {
+ throw error(400, "Missing ticket");
+ }
+
+ const ticket = await prisma.ticket.findUnique({
+ where: {
+ ticketId,
+ },
+ include: {
+ user: true,
+ },
+ });
+
+ if (!ticket) {
+ throw error(400, "Invalid ticket");
+ }
+
+ await prisma.ticket.deleteMany({
+ where: {
+ userId: ticket.userId,
+ },
+ });
+
+ // Now > createdAt + 10 Min (Expired)
+ // Now - 10 Min > createdAt
+ if (new Date(Date.now() - 1000 * 60 * 10) > ticket.createdAt) {
+ throw error(400, "Ticket expired");
+ }
+
+ const accessToken = jwt.sign(
+ {
+ userId: ticket.userId,
+ username: ticket.user.name,
+ role: ticket.user.role,
+ },
+ env.JWT_SECRET,
+ { expiresIn: "14d" },
+ );
+
+ cookies.set(cookieTokenKey, accessToken, {
+ path: "/",
+ httpOnly: true,
+ sameSite: true,
+ maxAge: 60 * 60 * 24 * 14,
+ });
+
+ throw redirect(302, "/home");
+ },
+} satisfies Actions;
diff --git a/apps/web/src/routes/login/+page.svelte b/apps/web/src/routes/login/+page.svelte
new file mode 100644
index 0000000..0a9f24f
--- /dev/null
+++ b/apps/web/src/routes/login/+page.svelte
@@ -0,0 +1,53 @@
+
+
+
+
++ Past Waifu History +
+ ++ "Waifu Bot" is Discord Bot that can change it's profile and theme such as + color according to waifu we currently simp. Here are our past waifus. +
+ + {#each allWaifu as waifu, index} + { + goto(`?waifu=${index}`, { replaceState: true, noScroll: true }); + }} + > + + + {/each} +{errorMsg}
+ {/if} + + +