Update dependency tailwindcss to v3.4.14

Reviewed-on: #68

.gitignore

@@ -50,3 +50,6 @@ next-env.d.ts
 # Sitemap & Robots
 /public/sitemap*
 /public/robots.txt
+
+# Sentry Config File
+.env.sentry-build-plugin

next.config.mjs

@@ -1,7 +1,7 @@
-import { withSentryConfig } from "@sentry/nextjs";
+import {withSentryConfig} from "@sentry/nextjs";
 import nextBuildId from "next-build-id";
-import { fileURLToPath } from "url";
 import path from "path";
+import { fileURLToPath } from "url";
 
 /**
  * The current git commit hash.
@@ -37,29 +37,38 @@ const nextConfig = {
   },
 };
 
-export default withSentryConfig(
-  nextConfig,
-  {
-    // For all available options, see:
-    // https://github.com/getsentry/sentry-webpack-plugin#options
-    silent: true,
-    org: "minecraft-utilities",
-    project: "frontend",
-    url: "https://glitchtip.fascinated.cc/",
-    authToken: process.env.SENTRY_AUTH_TOKEN || "",
-    release: `frontend@${buildId}`,
-  },
-  {
-    // For all available options, see:
-    // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
+export default withSentryConfig(nextConfig, {
+// For all available options, see:
+// https://github.com/getsentry/sentry-webpack-plugin#options
 
-    // Upload a larger set of source maps for prettier stack traces (increases build time)
-    widenClientFileUpload: true,
+org: "minecraft-utilities",
+project: "frontend",
+sentryUrl: "https://glitchtip.fascinated.cc/",
 
-    // Hides source maps from generated client bundles
-    hideSourceMaps: true,
+// Only print logs for uploading source maps in CI
+silent: !process.env.CI,
 
-    // Automatically tree-shake Sentry logger statements to reduce bundle size
-    disableLogger: true,
-  },
-);
+// For all available options, see:
+// https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/
+
+// Upload a larger set of source maps for prettier stack traces (increases build time)
+widenClientFileUpload: true,
+
+// Uncomment to route browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers.
+// This can increase your server load as well as your hosting bill.
+// Note: Check that the configured route will not match with your Next.js middleware, otherwise reporting of client-
+// side errors will fail.
+// tunnelRoute: "/monitoring",
+
+// Hides source maps from generated client bundles
+hideSourceMaps: true,
+
+// Automatically tree-shake Sentry logger statements to reduce bundle size
+disableLogger: true,
+
+// Enables automatic instrumentation of Vercel Cron Monitors. (Does not yet work with App Router route handlers.)
+// See the following for more information:
+// https://docs.sentry.io/product/crons/
+// https://vercel.com/docs/cron-jobs
+automaticVercelMonitors: true,
+});

package.json

@@ -25,36 +25,36 @@
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-toast": "^1.1.5",
     "@radix-ui/react-tooltip": "^1.0.7",
-    "@sentry/nextjs": "^7.105.0",
+    "@sentry/nextjs": "^8.20.0",
     "@types/mdx": "^2.0.13",
     "class-variance-authority": "^0.7.0",
     "clipboard-copy": "^4.0.1",
     "clsx": "^2.1.0",
     "cmdk": "^1.0.0",
     "fuse.js": "^7.0.0",
-    "lucide-react": "^0.372.0",
+    "lucide-react": "^0.451.0",
     "mcutils-library": "^1.3.1",
     "moment": "^2.30.1",
-    "next": "14.2.2",
+    "next": "14.2.5",
     "next-build-id": "^3.0.0",
     "next-sitemap": "^4.2.3",
     "next-themes": "^0.3.0",
     "react": "^18",
     "react-countup": "^6.5.3",
     "react-dom": "^18",
-    "react-spinners": "^0.13.8",
+    "react-spinners": "^0.14.0",
     "react-syntax-highlighter": "^15.5.0",
-    "react-use-websocket": "4.8.1",
+    "react-use-websocket": "4.9.0",
     "read-file": "^0.2.0",
     "remark-gfm": "^4.0.0",
-    "remote-mdx": "^0.0.4",
+    "remote-mdx": "^0.0.8",
     "tailwind-merge": "^2.2.2",
     "tailwindcss-animate": "^1.0.7"
   },
   "pnpm": {
     "overrides": {
-      "remark-mdx": "3.0.0",
-      "unified": "11.0.4",
+      "remark-mdx": "3.0.1",
+      "unified": "11.0.5",
       "remark-parse": "11.0.0",
       "mdast-util-frontmatter": "2.0.1"
     }
@@ -64,7 +64,7 @@
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "@types/react-syntax-highlighter": "^15.5.11",
-    "eslint-config-next": "14.2.2",
+    "eslint-config-next": "14.2.5",
     "postcss": "^8",
     "tailwindcss": "^3.4.1",
     "typescript": "^5"

sentry.client.config.ts

@@ -12,4 +12,19 @@ Sentry.init({
 
   // Setting this option to true will print useful information to the console while you're setting up Sentry.
   debug: false,
+
+  replaysOnErrorSampleRate: 1.0,
+
+  // This sets the sample rate to be 10%. You may want this to be 100% while
+  // in development and sample at a lower rate in production
+  replaysSessionSampleRate: 0.1,
+
+  // You can remove this option if you're not planning to use the Sentry Session Replay feature:
+  integrations: [
+    Sentry.replayIntegration({
+      // Additional Replay configuration goes in here, for example:
+      maskAllText: true,
+      blockAllMedia: true,
+    }),
+  ],
 });

sentry.server.config.ts

@@ -13,6 +13,7 @@ Sentry.init({
   // Setting this option to true will print useful information to the console while you're setting up Sentry.
   debug: false,
 
-  // uncomment the line below to enable Spotlight (https://spotlightjs.com)
+  // Uncomment the line below to enable Spotlight (https://spotlightjs.com)
   // spotlight: process.env.NODE_ENV === 'development',
+  
 });

src/app/(pages)/mojang/status/page.tsx

@@ -1,13 +1,13 @@
-import { Card } from "@/app/components/card";
+import { Colors } from "@/app/common/colors";
 import { generateEmbed } from "@/app/common/embed";
 import { capitalizeFirstLetter } from "@/app/common/string-utils";
 import { cn } from "@/app/common/utils";
+import { Card } from "@/app/components/card";
+import { Title } from "@/app/components/title";
 import { CachedEndpointStatus, getMojangEndpointStatus, Status } from "mcutils-library";
 import { Metadata, Viewport } from "next";
 import Link from "next/link";
 import { ReactElement } from "react";
-import { Colors } from "@/app/common/colors";
-import { Title } from "@/app/components/title";
 
 /**
  * Force the page to be dynamic, so it will be regenerated on every request
@@ -89,20 +89,19 @@ export default async function Page(): Promise<ReactElement> {
       >
         {endpoints.length == 0 && <p>Unable to fetch endpoint statuses</p>}
         {endpoints.length > 0 &&
-          endpoints.map((endpoint: CachedEndpointStatus) => {
-            const { name, hostname, status } = endpoint;
+          endpoints.map((server: CachedEndpointStatus) => {
+            const { name, endpoint, status } = server;
 
-            const url = `https://${hostname}`;
             return (
               <div key={name} className="flex flex-row justify-between pt-2">
                 <div className="flex flex-col leading-[1.5rem]">
                   <p className="font-semibold">{name}</p>
                   <Link
-                    href={url}
+                    href={endpoint}
                     className="text-sm text-primary hover:opacity-75 transition-all transform-gpu"
                     target="_blank"
                   >
-                    <p>{url}</p>
+                    <p>{endpoint}</p>
                   </Link>
                 </div>
                 <div className={cn("flex items-center font-semibold", getColor(status))}>

src/app/common/hastebin.ts

@@ -1,4 +1,4 @@
-const HASTE_URL: string = "https://haste.fascinated.cc";
+const PASTE_URL: string = "https://paste.fascinated.cc";
 
 /**
  * Creates a new haste with the given content.
@@ -7,11 +7,11 @@ const HASTE_URL: string = "https://haste.fascinated.cc";
  * @returns the URL of the created haste
  */
 export async function createHaste(content: string): Promise<string> {
-  const response = await fetch(`${HASTE_URL}/documents`, {
+  const response = await fetch(`${PASTE_URL}/api/upload`, {
     method: "POST",
     body: content,
   });
 
-  const { key } = await response.json();
-  return `${HASTE_URL}/${key}`;
+  const { id } = await response.json();
+  return `${PASTE_URL}/${id}`;
 }

src/app/components/code-highlighter.tsx

@@ -77,6 +77,7 @@ export function CodeHighlighter({ code, language = "json", rounded = true }: Cod
         <span className="text-xs text-muted-foreground">{capitalizeFirstLetter(language)}</span>
       </div>
 
+      {/* Code */}
       <SyntaxHighlighter
         className={cn("max-h-[600px] !bg-secondary break-all rounded-md", rounded && "rounded-md")}
         language={language}

src/instrumentation.ts

@@ -0,0 +1,9 @@
+export async function register() {
+  if (process.env.NEXT_RUNTIME === 'nodejs') {
+    await import('../sentry.server.config');
+  }
+
+  if (process.env.NEXT_RUNTIME === 'edge') {
+    await import('../sentry.edge.config');
+  }
+}