Update to Next.js 16

.gitignore

@@ -3,8 +3,12 @@
 # dependencies
 /node_modules
 /.pnp
-.pnp.js
-.yarn/install-state.gz
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
 
 # testing
 /coverage
@@ -24,9 +28,10 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
 
-# local env files
-.env*.local
+# env files (can opt-in for committing if needed)
+.env*
 
 # vercel
 .vercel

README.md

@@ -3,13 +3,15 @@
 OpenFusionClient rewrite with Tauri 2.0, Next.js and React.
 
 ## Setup
+
 1. Ensure you have all the required [prerequisites](https://v2.tauri.app/start/prerequisites/) installed
 2. Install the Tauri CLI with `cargo install tauri-cli --version "^2.0.0" --locked`
 3. Install dependencies with `npm install`
 
 ## Dev
+
 Run `cargo tauri dev` to spawn the app. **Hot reload is on, so any changes you make will immediately reflect.**
 
 ## Production
-Run `cargo tauri build` to build a production binary and any applicable installers or bundles for the current platform. Note that `cargo build --release` will not produce a useful binary as it does not embed the web pages into the application.
 
+Run `cargo tauri build` to build a production binary and any applicable installers or bundles for the current platform. Note that `cargo build --release` will not produce a useful binary as it does not embed the web pages into the application.

app/components/EasterEggs.tsx

@@ -0,0 +1,39 @@
+"use client";
+
+import { useEffect, useRef } from "react";
+import Snowflakes from "magic-snowflakes";
+
+export function EasterEggs() {
+  const snowflakesRef = useRef<Snowflakes>(null);
+
+  useEffect(() => {
+    const initEasterEggs = async () => {
+      const today = new Date();
+      const christmasBegin = new Date(today.getFullYear(), 11, 21);
+      const christmasEnd = new Date(today.getFullYear(), 11, 31);
+
+      if (today >= christmasBegin && today <= christmasEnd) {
+        try {
+          snowflakesRef.current = new Snowflakes({ zIndex: -100 });
+          console.log("Christmas Activated.");
+          snowflakesRef.current.start();
+        } catch (error) {
+          console.warn("Failed to load snowflakes:", error);
+        }
+      }
+    };
+
+    initEasterEggs();
+
+    // Cleanup function
+    return () => {
+      if (snowflakesRef.current) {
+        snowflakesRef.current.stop();
+        snowflakesRef.current.destroy();
+        snowflakesRef.current = null;
+      }
+    };
+  }, []);
+
+  return null; // This component doesn't render anything visible
+}

app/page.tsx

@@ -1,7 +1,5 @@
 "use client";
 
-import { startEasterEggs } from "./easter-eggs";
-
 import { invoke } from "@tauri-apps/api/core";
 import { getName, getVersion } from "@tauri-apps/api/app";
 import { getCurrentWindow } from "@tauri-apps/api/window";
@@ -47,6 +45,7 @@ import {
 } from "@/app/util";
 import ForgotPasswordModal from "./components/ForgotPasswordModal";
 import { useRouter } from "next/navigation";
+import { EasterEggs } from "./components/EasterEggs";
 
 const DEFAULT_TAGLINE =
   "Welcome to OpenFusion.\nSelect a server from the list below to get started.";
@@ -518,7 +517,6 @@ export default function Home() {
     if (!loadedRef.current) {
       console.log("init");
       doInit();
-      startEasterEggs();
 
       listen<AlertEvent>("alert", (e) => {
         handleAlert(e.payload);
@@ -548,6 +546,7 @@ export default function Home() {
 
   return initialFetchDone ? (
     <>
+      <EasterEggs />
       <Toasts alerts={alerts} />
       {loadingTasks.length > 0 && <LoadingScreen tasks={loadingTasks} />}
       <BackgroundImages

eslint.config.mjs

@@ -0,0 +1,26 @@
+import { defineConfig, globalIgnores } from "eslint/config";
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  {
+    rules: {
+      "@typescript-eslint/no-explicit-any": "warn",
+      "react-hooks/set-state-in-effect": "warn",
+    },
+  },
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    ".next/**",
+    "out/**",
+    "build/**",
+    "next-env.d.ts",
+    "src-tauri/**",
+    "resources/**",
+  ]),
+]);
+
+export default eslintConfig;

next.config.ts

@@ -0,0 +1,13 @@
+import type { NextConfig } from "next";
+
+// https://v2.tauri.app/start/frontend/nextjs/
+const nextConfig: NextConfig = {
+  output: "export",
+  distDir: "out",
+  images: {
+    unoptimized: true,
+  },
+  typedRoutes: true,
+};
+
+export default nextConfig;