chore: update next-auth

Also:

- Remove Discord link and replace with email contact
- Fix none face paint type in submit form being transparent
- Update dockerfile

Dockerfile

@@ -1,9 +1,9 @@
-FROM node:23-alpine AS base
+FROM node:26-alpine AS base
 
 WORKDIR /app
 
 RUN apk add --no-cache libc6-compat
-RUN corepack enable && corepack prepare pnpm@11.1.1 --activate
+RUN npm install -g pnpm
 
 FROM base AS deps
 WORKDIR /app
@@ -28,7 +28,7 @@ ENV HOSTNAME=0.0.0.0
 RUN addgroup --system --gid 1001 nodejs
 RUN adduser --system --uid 1001 nextjs
 
-# I know all the paths are messed up but I don't have time to fix it
+# I know all the paths are messed up
 COPY --from=builder /app/backend/public ./public
 COPY --from=builder /app/backend/.next ./.next
 COPY --from=builder /app/backend/.next/static ./.next/standalone/backend/.next/static

backend/next.config.ts

@@ -2,6 +2,9 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
 	output: "standalone",
+	experimental: {
+		useTypeScriptCli: true,
+	},
 	async headers() {
 		return [
 			{

backend/package.json

@@ -2,7 +2,7 @@
 	"name": "@tomodachi-share/backend",
 	"version": "0.1.0",
 	"private": true,
-	"packageManager": "pnpm@11.8.0",
+	"packageManager": "pnpm@11.18.0",
 	"scripts": {
 		"dev": "next dev",
 		"build": "next build",
@@ -12,39 +12,39 @@
 	},
 	"dependencies": {
 		"@2toad/profanity": "^3.3.0",
-		"@auth/prisma-adapter": "2.11.2",
+		"@auth/prisma-adapter": "2.11.3",
 		"@prisma/client": "6.19.3",
 		"@tomodachi-share/shared": "workspace:*",
 		"bit-buffer": "^0.3.0",
 		"charinfo-ex": "^0.0.5",
 		"dayjs": "^1.11.21",
-		"downshift": "^9.3.6",
+		"downshift": "^9.4.0",
 		"file-type": "^22.0.1",
-		"next": "16.2.9",
+		"next": "16.2.12",
-		"next-auth": "5.0.0-beta.30",
+		"next-auth": "5.0.0-beta.32",
 		"qrcode-generator": "^2.0.4",
-		"react": "^19.2.7",
+		"react": "^19.2.8",
-		"react-dom": "^19.2.7",
+		"react-dom": "^19.2.8",
-		"redis": "^6.0.0",
+		"redis": "^6.2.0",
-		"satori": "^0.26.0",
+		"satori": "^0.29.0",
 		"sharp": "^0.34.5",
 		"sjcl-with-all": "1.0.8",
 		"zod": "^4.4.3"
 	},
 	"devDependencies": {
-		"@eslint/eslintrc": "^3.3.5",
+		"@eslint/eslintrc": "^3.3.6",
 		"@iconify/react": "^6.0.2",
-		"@tailwindcss/postcss": "^4.3.1",
+		"@tailwindcss/postcss": "^4.3.3",
-		"@types/node": "^26.0.0",
+		"@types/node": "^26.1.2",
-		"@types/react": "^19.2.17",
+		"@types/react": "^19.2.18",
-		"@types/react-dom": "^19.2.3",
+		"@types/react-dom": "^19.2.4",
 		"@types/sjcl": "^1.0.34",
-		"eslint": "^10.5.0",
+		"eslint": "^10.8.0",
-		"eslint-config-next": "16.2.9",
+		"eslint-config-next": "16.2.12",
 		"prisma": "^6.19.3",
 		"schema-dts": "^2.0.0",
-		"tailwindcss": "^4.3.1",
+		"tailwindcss": "^4.3.3",
-		"typescript": "^6.0.3"
+		"typescript": "^7.0.2"
 	},
 	"exports": {
 		".": "./src/types.d.ts"

frontend/package.json

@@ -11,43 +11,43 @@
 	},
 	"dependencies": {
 		"@bprogress/react": "^1.2.7",
-		"@fontsource-variable/lexend": "^5.2.11",
+		"@fontsource-variable/lexend": "^5.3.0",
 		"@hello-pangea/dnd": "^18.0.1",
 		"@nanostores/react": "^1.1.0",
-		"@tailwindcss/vite": "^4.3.0",
+		"@tailwindcss/vite": "^4.3.3",
 		"@tomodachi-share/shared": "workspace:*",
-		"@types/react": "^19.2.14",
+		"@types/react": "^19.2.18",
-		"@types/react-dom": "^19.2.3",
+		"@types/react-dom": "^19.2.4",
 		"canvas-confetti": "^1.9.4",
-		"dayjs": "^1.11.20",
+		"dayjs": "^1.11.21",
-		"downshift": "^9.3.2",
+		"downshift": "^9.4.0",
 		"embla-carousel-react": "^8.6.0",
 		"jsqr": "^1.4.0",
-		"nanostores": "^1.3.0",
+		"nanostores": "^1.4.2",
 		"qrcode-generator": "^2.0.4",
-		"react": "^19.2.6",
+		"react": "^19.2.8",
-		"react-dom": "^19.2.6",
+		"react-dom": "^19.2.8",
-		"react-dropzone": "^15.0.0",
+		"react-dropzone": "^19.1.1",
-		"react-image-crop": "^11.0.10",
+		"react-image-crop": "^11.1.2",
-		"react-router": "^7.15.0",
+		"react-router": "^8.3.0",
-		"tailwindcss": "^4.3.0",
+		"tailwindcss": "^4.3.3",
 		"vite-plugin-node-polyfills": "^0.26.0",
 		"zod": "^4.4.3"
 	},
 	"devDependencies": {
-		"@eslint/js": "^9.39.4",
+		"@eslint/js": "^10.0.1",
 		"@iconify/react": "^6.0.2",
 		"@types/canvas-confetti": "^1.9.0",
-		"@types/node": "^24.12.4",
+		"@types/node": "^26.1.2",
 		"@types/react": "^19.2.14",
 		"@types/react-dom": "^19.2.3",
-		"@vitejs/plugin-react": "^6.0.1",
+		"@vitejs/plugin-react": "^6.0.5",
-		"eslint": "^9.39.4",
+		"eslint": "^10.8.0",
 		"eslint-plugin-react-hooks": "^7.1.1",
-		"eslint-plugin-react-refresh": "^0.5.2",
+		"eslint-plugin-react-refresh": "^0.5.3",
-		"globals": "^17.6.0",
+		"globals": "^17.8.0",
-		"typescript": "~6.0.3",
+		"typescript": "~7.0.2",
-		"typescript-eslint": "^8.59.3",
+		"typescript-eslint": "^8.65.0",
-		"vite": "^8.0.12"
+		"vite": "^8.2.0"
 	}
 }

frontend/src/components/dropzone.tsx

@@ -1,10 +1,10 @@
 import { type ReactNode, useState } from "react";
-import { type DropzoneOptions, type FileWithPath, useDropzone } from "react-dropzone";
+import { type DropzoneOptions, useDropzone } from "react-dropzone";
 import { Icon } from "@iconify/react";
 
 interface Props {
 	type?: "file" | "image";
-	onDrop: (acceptedFiles: FileWithPath[]) => void;
+	onDrop: (acceptedFiles: File[]) => void;
 	options?: DropzoneOptions;
 	children?: ReactNode;
 }
@@ -12,7 +12,7 @@ interface Props {
 export default function Dropzone({ type = "image", onDrop, options, children }: Props) {
 	const [isDraggingOver, setIsDraggingOver] = useState(false);
 
-	const handleDrop = (acceptedFiles: FileWithPath[]) => {
+	const handleDrop = (acceptedFiles: File[]) => {
 		setIsDraggingOver(false);
 		onDrop(acceptedFiles);
 	};

frontend/src/components/footer.tsx

@@ -1,4 +1,3 @@
-import { Icon } from "@iconify/react";
 import { Link } from "react-router";
 
 export default function Footer() {
@@ -15,32 +14,15 @@ export default function Footer() {
 					<Link to="/terms-of-service" className="text-zinc-500 hover:text-zinc-700 transition-colors duration-200 hover:underline">
 						Terms of Service
 					</Link>
-
 					<span className="text-zinc-400 hidden sm:inline" aria-hidden="true">
 						•
 					</span>
-
 					<Link to="/privacy" className="text-zinc-500 hover:text-zinc-700 transition-colors duration-200 hover:underline">
 						Privacy Policy
 					</Link>
-
 					<span className="text-zinc-400 hidden sm:inline" aria-hidden="true">
 						•
 					</span>
-
-					<Link
-						to="https://discord.gg/48cXBFKvWQ"
-						target="_blank"
-						className="text-[#5865F2] hover:text-[#454FBF] transition-colors duration-200 hover:underline inline-flex items-end gap-1"
-					>
-						<Icon icon="ic:baseline-discord" className="text-lg" />
-						Discord
-					</Link>
-
-					<span className="text-zinc-400 hidden sm:inline" aria-hidden="true">
-						•
-					</span>
-
 					<Link
 						to="https://trafficlunar.net"
 						target="_blank"
@@ -50,6 +32,19 @@ export default function Footer() {
 					</Link>
 				</div>
 
+				{/* Contact / feedback */}
+				<div className="text-center mt-2">
+					<p className="text-xs text-zinc-500">
+						Questions, bugs, or feature ideas? Contact me at{" "}
+						<a
+							href="mailto:hello@trafficlunar.net"
+							className="text-orange-400 hover:text-orange-500 font-medium hover:underline transition-colors duration-200"
+						>
+							hello@trafficlunar.net
+						</a>
+					</p>
+				</div>
+
 				{/* Copyright */}
 				<div className="text-center mt-4 mb-4">
 					<p className="text-xs text-zinc-400">© {new Date().getFullYear()} TomodachiShare. All rights reserved.</p>

frontend/src/components/profile-settings/profile-picture.tsx

@@ -1,5 +1,4 @@
 import { useCallback, useState } from "react";
-import { type FileWithPath } from "react-dropzone";
 
 import { Icon } from "@iconify/react";
 import dayjs from "dayjs";
@@ -11,7 +10,7 @@ import { useNavigate } from "react-router";
 export default function ProfilePictureSettings() {
 	const navigate = useNavigate();
 	const [error, setError] = useState<string | undefined>(undefined);
-	const [newPicture, setNewPicture] = useState<FileWithPath | undefined>();
+	const [newPicture, setNewPicture] = useState<File | undefined>();
 
 	const changeDate = dayjs().add(7, "days");
 
@@ -35,7 +34,7 @@ export default function ProfilePictureSettings() {
 		navigate(0);
 	};
 
-	const handleDrop = useCallback((acceptedFiles: FileWithPath[]) => {
+	const handleDrop = useCallback((acceptedFiles: File[]) => {
 		if (!acceptedFiles[0]) return;
 		setNewPicture(acceptedFiles[0]);
 	}, []);

frontend/src/components/submit-form/image-list.tsx

@@ -1,10 +1,9 @@
-import { type FileWithPath } from "react-dropzone";
 import { DragDropContext, Draggable, Droppable, type DropResult } from "@hello-pangea/dnd";
 import { Icon } from "@iconify/react";
 
 interface Props {
-	files: readonly FileWithPath[];
+	files: readonly File[];
-	setFiles: React.Dispatch<React.SetStateAction<FileWithPath[]>>;
+	setFiles: React.Dispatch<React.SetStateAction<File[]>>;
 }
 
 export default function ImageList({ files, setFiles }: Props) {

frontend/src/components/submit-form/qr-upload.tsx

@@ -1,5 +1,4 @@
 import { useCallback, useRef, useState } from "react";
-import { type FileWithPath } from "react-dropzone";
 import jsQR from "jsqr";
 import Dropzone from "../dropzone";
 
@@ -12,7 +11,7 @@ export default function QrUpload({ setQrBytesRaw }: Props) {
 	const canvasRef = useRef<HTMLCanvasElement>(null);
 
 	const handleDrop = useCallback(
-		(acceptedFiles: FileWithPath[]) => {
+		(acceptedFiles: File[]) => {
 			const file = acceptedFiles[0];
 
 			// Scan QR code

frontend/src/components/submit-form/switch-file-upload.tsx

@@ -1,5 +1,4 @@
 import { useCallback, useState } from "react";
-import { type FileWithPath } from "react-dropzone";
 import { Icon } from "@iconify/react";
 import Dropzone from "../dropzone";
 import Camera from "./camera";
@@ -20,7 +19,7 @@ export default function SwitchFileUpload({ text, type = "image", forceCrop, file
 	const [isCropOpen, setIsCropOpen] = useState(false);
 
 	const handleDrop = useCallback(
-		(acceptedFiles: FileWithPath[]) => {
+		(acceptedFiles: File[]) => {
 			const file = acceptedFiles[0];
 			if (type === "file") {
 				setFile!(file);

frontend/src/layout.tsx

@@ -66,7 +66,7 @@ export default function Layout({ children }: { children: React.ReactNode }) {
 			>
 				<div className="tooltip bg-[#FF5E5B]! border-[#FF5E5B]! before:border-b-[#FF5E5B]!">Support me (trafficlunar) on Ko-fi</div>
 				<Icon icon="simple-icons:kofi" fontSize={20} />
-				Support me!
+				Support TomodachiShare's costs!
 			</a>
 			<main className="px-4 py-8 pt-4 max-w-7xl w-full grow flex flex-col">{children}</main>
 			<Footer />

frontend/src/pages/edit.tsx

@@ -2,7 +2,6 @@ import { useStore } from "@nanostores/react";
 import { Navigate, useNavigate, useParams } from "react-router";
 import { session } from "../session";
 import { useCallback, useEffect, useRef, useState } from "react";
-import { type FileWithPath } from "react-dropzone";
 
 import { nameSchema, tagsSchema } from "@tomodachi-share/shared/schemas";
 import { type MiiGender, type MiiMakeup, type SwitchMiiInstructions, deepMerge, defaultInstructions, minifyInstructions } from "@tomodachi-share/shared";
@@ -24,15 +23,15 @@ export default function EditMiiPage() {
 	const [mii, setMii] = useState<any>(null);
 	const [loading, setLoading] = useState(true);
 
-	const [files, setFiles] = useState<FileWithPath[]>([]);
+	const [files, setFiles] = useState<File[]>([]);
 
-	const handleFilesChange: React.Dispatch<React.SetStateAction<FileWithPath[]>> = (updater) => {
+	const handleFilesChange: React.Dispatch<React.SetStateAction<File[]>> = (updater) => {
 		hasCustomImagesChanged.current = true;
 		setFiles(updater);
 	};
 
 	const handleDrop = useCallback(
-		(acceptedFiles: FileWithPath[]) => {
+		(acceptedFiles: File[]) => {
 			if (files.length >= 3) return;
 			hasCustomImagesChanged.current = true;
 

frontend/src/pages/submit.tsx

@@ -1,7 +1,6 @@
 import { useStore } from "@nanostores/react";
 import { Navigate, useNavigate } from "react-router";
 import { useCallback, useEffect, useRef, useState } from "react";
-import type { FileWithPath } from "react-dropzone";
 import { Icon } from "@iconify/react";
 
 import {
@@ -35,10 +34,10 @@ import qrcode from "qrcode-generator";
 export default function SubmitPage() {
 	const navigate = useNavigate();
 	const $session = useStore(session);
-	const [files, setFiles] = useState<FileWithPath[]>([]);
+	const [files, setFiles] = useState<File[]>([]);
 
 	const handleDrop = useCallback(
-		(acceptedFiles: FileWithPath[]) => {
+		(acceptedFiles: File[]) => {
 			if (files.length >= 3) return;
 			setFiles((prev) => [...prev, ...acceptedFiles]);
 		},
@@ -338,6 +337,10 @@ export default function SubmitPage() {
 					{/* Makeup (switch only) — unchanged from base */}
 					<div className={`w-full grid grid-cols-3 items-start ${platform === "SWITCH" ? "" : "hidden"}`}>
 						<label className="font-semibold py-2">Face Paint</label>
+
+						{/* Force Tailwind to load bg-gray-100 */}
+						<div className="bg-gray-100 hidden"></div>
+
 						<div className="col-span-2 flex flex-col gap-1.5">
 							{[
 								{ value: "FULL", label: "Full", desc: "Most of the face/features are covered", color: "pink" },

package.json

@@ -9,5 +9,5 @@
   "keywords": [],
   "author": "",
   "license": "ISC",
-  "packageManager": "pnpm@11.8.0"
+  "packageManager": "pnpm@11.18.0"
 }

pnpm-workspace.yaml

@@ -11,3 +11,9 @@ allowBuilds:
   unrs-resolver: false
 minimumReleaseAgeExclude:
   - '@types/node@26.0.0'
+  - '@redis/bloom@6.2.0'
+  - '@redis/client@6.2.0'
+  - '@redis/json@6.2.0'
+  - '@redis/search@6.2.0'
+  - '@redis/time-series@6.2.0'
+  - redis@6.2.0

shared/package.json

@@ -8,7 +8,7 @@
 		"fzstd": "^0.1.1",
 		"sharp": "^0.34.5",
 		"sjcl-with-all": "1.0.8",
-		"zod": "^4.3.6"
+		"zod": "^4.4.3"
 	},
 	"exports": {
 		".": "./src/index.ts",
@@ -17,7 +17,7 @@
 	},
 	"types": "./src/index.ts",
 	"devDependencies": {
-		"@types/node": "^25.6.0",
+		"@types/node": "^26.1.2",
 		"@types/sjcl": "^1.0.34"
 	}
 }