(null);
+ const searchParams = useSearchParams();
+ const staticMode = searchParams?.get("static") === "true";
+ const noShowBranding = searchParams?.get("branding") === "false";
+ const clipboard = useClipboard();
+
+ useEffect(() => {
+ (async () => {
+ const serverFoundResponse = await fetch(
+ "https://api.minehut.com/server/" + params.server + "?byName=true"
+ );
+ const stream = await serverFoundResponse.json();
+
+ if (stream.server == null) setServerFound(false);
+ else setServerObject(stream.server);
+ setLoading(false);
+ })();
+ }, [params]);
+
+ if (loading) {
+ return
;
+ }
+
+ if (!serverFound) {
+ notFound();
+ }
+
+ return (
+
+
+ window.open("/server/" + params.server, "_blank")?.focus()
+ }
+ >
+
+ Powered by MHSF
+
+
+
+
+
+
+ {
+ setCopied(true);
+ clipboard.writeText(params.server + ".mhsf.minehut.gg");
+ setTimeout(() => setCopied(false), 1000);
+ }}
+ >
+ {copied ?
+
+ Copy this server IP
+ {" "}
+ {
+ window.open("/server/" + params.server, "_blank")?.focus();
+ }}
+ >
+
+
+
+
+
{params.server} {" "}
+ {!noShowBranding &&
on Minehut }
+
+
Joined {serverObject?.joins} times
+
+ {serverObject?.online && (
+
+ {serverObject.playerCount === 0 ? (
+
+ ) : (
+
+ )}
+
+ {serverObject.playerCount} player(s) online
+
+
+ )}
+
+
+
+ );
+}
diff --git a/src/components/feat/EmbedSelector.tsx b/src/components/feat/EmbedSelector.tsx
new file mode 100644
index 0000000..2d76a8f
--- /dev/null
+++ b/src/components/feat/EmbedSelector.tsx
@@ -0,0 +1,306 @@
+/*
+ * MHSF, Minehut Server List
+ * All external content is rather licensed under the ECA Agreement
+ * located here: https://mhsf.app/docs/legal/external-content-agreement
+ *
+ * All code under MHSF is licensed under the MIT License
+ * by open source contributors
+ *
+ * Copyright (c) 2024 dvelo
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+"use client";
+
+import { TabsContent } from "@radix-ui/react-tabs";
+import { Button } from "../ui/button";
+import { DrawerFooter, DrawerTrigger } from "../ui/drawer";
+import { Tabs, TabsList, TabsTrigger } from "../ui/tabs";
+import { useEffect, useState } from "react";
+import { codeToHtml } from "shiki";
+import { useTheme } from "next-themes";
+import { Asterisk, Copy } from "lucide-react";
+import useClipboard from "@/lib/useClipboard";
+import toast from "react-hot-toast";
+import { Checkbox } from "../ui/checkbox";
+import {
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "../ui/select";
+
+export default function EmbedSelector({ server }: { server: string }) {
+ const { theme, systemTheme, resolvedTheme } = useTheme();
+
+ const [embedTheme, setEmbedTheme] = useState("");
+ const [embedStatic, setEmbedStatic] = useState(false);
+ const [highlightedHtml, setHighlightedHtml] = useState("");
+ const [highlightedJsx, setHighlightedJsx] = useState("");
+ const [selectedCodeType, setSelectedCodeType] = useState("jsx");
+ const [noMinehutBranding, setNoMinehutBranding] = useState(false);
+ const clipboard = useClipboard();
+ const [url, setURL] = useState(`https://mhsf.app/embed/${server}?`);
+ const [jsxCode, setJsxCode] = useState(`
`);
+ const [htmlCode, setHtmlCode] = useState(`
`);
+
+ useEffect(() => {
+ setHtmlCode(`
`);
+ setJsxCode(`
`);
+
+ const currentTheme = theme === "system" ? systemTheme : theme;
+ const selectedTheme =
+ currentTheme === "dark" ? "vitesse-dark" : "vitesse-light";
+
+ async function highlightCode() {
+ const jsx = await codeToHtml(jsxCode, {
+ lang: "jsx",
+ theme: selectedTheme,
+ });
+ const html = await codeToHtml(htmlCode, {
+ lang: "html",
+ theme: selectedTheme,
+ });
+ setHighlightedHtml(html);
+ setHighlightedJsx(jsx);
+ }
+
+ highlightCode();
+ }, [
+ theme,
+ systemTheme,
+ jsxCode,
+ htmlCode,
+ embedStatic,
+ noMinehutBranding,
+ url,
+ ]);
+
+ const renderCode = (code: string, highlighted: string) => {
+ if (highlighted) {
+ return (
+
+ );
+ } else {
+ return (
+
+ {code}
+
+ );
+ }
+ };
+
+ return (
+ <>
+
+
+
+
{
+ setEmbedStatic(c == "indeterminate" ? true : c);
+ setURL(
+ `https://mhsf.app/embed/${server}?${c ? "&static=true" : ""}${
+ noMinehutBranding ? "&branding=false" : ""
+ }&theme=${embedTheme}`
+ );
+ }}
+ />
+
+
+ Make embed static
+
+
+ Interactions with the embed take less resources but will be less
+ interactive.
+
+
+
+
+
{
+ setNoMinehutBranding(c == "indeterminate" ? true : c);
+ setURL(
+ `https://mhsf.app/embed/${server}?${embedStatic ? "&static=true" : ""}${
+ c ? "&branding=false" : ""
+ }&theme=${embedTheme}`
+ );
+ }}
+ />
+
+
+ Remove Minehut branding
+
+
+ Enabling this will remove the "on Minehut" tag on the embed.
+
+
+
+
+
+ Theme
+
+ {
+ setEmbedTheme(c);
+ setURL(
+ `https://mhsf.app/embed/${server}?${embedStatic ? "&static=true" : ""}${
+ noMinehutBranding ? "&branding=false" : ""
+ }&theme=${c}`
+ );
+ }}
+ >
+
+
+
+ Light
+ Dark
+
+
+
+
+
+
+
+ Preview
+
+
+ Code
+
+
+
+
+
+
+
+
+
{
+ if (selectedCodeType === "jsx") setSelectedCodeType("html");
+ else setSelectedCodeType("jsx");
+ }}
+ >
+
+
{
+ clipboard.writeText(
+ selectedCodeType === "jsx" ? jsxCode : htmlCode
+ );
+ toast.success("Copied!");
+ }}
+ >
+
+
+
+
+
+
+
+ Close
+
+
+
+ );
+}
diff --git a/src/components/misc/TabServer.tsx b/src/components/misc/TabServer.tsx
index e3802f3..2397c06 100644
--- a/src/components/misc/TabServer.tsx
+++ b/src/components/misc/TabServer.tsx
@@ -32,7 +32,7 @@
import { useState } from "react";
import { Tabs, TabsList, TabsTrigger } from "../ui/tabs";
import { useRouter } from "@/lib/useRouter";
-import { Database, Home, Paintbrush } from "lucide-react";
+import { CornerDownLeft, Database, Home, Paintbrush } from "lucide-react";
export default function TabServer({
server,
@@ -45,7 +45,7 @@ export default function TabServer({
const router = useRouter();
return (
-
+
{
@@ -53,23 +53,40 @@ export default function TabServer({
if (tac == "customize") router.push(`/server/${server}/customize`);
if (tac == "statistics") router.push(`/server/${server}/statistics`);
if (tac == "general") router.push(`/server/${server}`);
+ if (tac == "server-list") router.push("/");
}}
- className="sm:w-[500px] max-sm:w-[200px]"
>
-
-
+
+
{" "}
General Information
-
+
Statistics
-
+
Customization
+
+
+ Back to server list
+
diff --git a/src/components/ui/select.tsx b/src/components/ui/select.tsx
new file mode 100644
index 0000000..ed621d2
--- /dev/null
+++ b/src/components/ui/select.tsx
@@ -0,0 +1,158 @@
+"use client"
+
+import * as React from "react"
+import * as SelectPrimitive from "@radix-ui/react-select"
+import { cn } from "@/lib/utils"
+import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "@radix-ui/react-icons"
+
+const Select = SelectPrimitive.Root
+
+const SelectGroup = SelectPrimitive.Group
+
+const SelectValue = SelectPrimitive.Value
+
+const SelectTrigger = React.forwardRef<
+ React.ElementRef
,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+ span]:line-clamp-1",
+ className
+ )}
+ {...props}
+ >
+ {children}
+
+
+
+))
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
+
+const SelectScrollUpButton = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+))
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName
+
+const SelectScrollDownButton = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+
+))
+SelectScrollDownButton.displayName =
+ SelectPrimitive.ScrollDownButton.displayName
+
+const SelectContent = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, children, position = "popper", ...props }, ref) => (
+
+
+
+ {children}
+
+
+
+))
+SelectContent.displayName = SelectPrimitive.Content.displayName
+
+const SelectLabel = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+ ,
+ React.ComponentPropsWithoutRef
+>(({ className, children, ...props }, ref) => (
+
+
+
+
+
+ {children}
+
+))
+SelectItem.displayName = SelectPrimitive.Item.displayName
+
+const SelectSeparator = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
- {user}
-
+
+ {user}
+
);
const FeatureList = ({
- features,
- title,
-}: { features: (string | ReactNode)[]; title: ReactNode }) => {
- return (
-
- {title}
- {features.map((feature, i) => (
- • {feature}
- ))}
-
- );
+ features,
+ title,
+}: {
+ features: (string | ReactNode)[];
+ title: ReactNode;
+}) => {
+ return (
+
+ {title}
+ {features.map((feature, i) => (
+ • {feature}
+ ))}
+
+ );
};
export const version = "1.4.0";
export const changelog: { name: string; id: string; changelog: ReactNode }[] = [
- {
- id: "ywvhtcs4k9rqjfp57x",
- name: "v1.4.5",
- changelog: (
-
- Version 1.4.5 (November 6th 2024)
-
- }
- />
- ),
- },
- {
- id: "amq4suhgcfwrb7y5j6",
- name: "v1.4.0",
- changelog: (
-
- Version 1.4.0 (November 3rd 2024)
-
- }
- />
- ),
- },
- {
- id: "jeh48p7w9bx2k3ad6f",
- name: "v1.3.2",
- changelog: (
-
-
- Version 1.3.2 (October 4th 2024)
-
-
-
-
- Version 1.3.0 (September 9th 2024)
-
-
-
-
- Version 1.2.0 (September 3rd 2024)
-
-
- • Added documentation
- • Brand new linking of padding and server options
- • New system to ensure automatic Cron actions!
- • and alot more!
-
-
-
- Version 1.1.0 (August 24rd 2024)
-
-
- • Brand new hero page
- • New padding option on server list
- • New help guide
-
-
-
- Version 1.0.0 (August 22nd 2024)
-
-
- • 1.0!
- • New hover card on server title hover
- • Moving to self-hosted cron jobs
- • Fixing some mobile issues
-
-
-
- Version b-0.10.7 (August 18th 2024)
-
-
- • New server information tab on server pages
-
-
-
- Version b-0.10.2 (August 18th 2024)
-
-
- • Content fades-in on load
- • Instead of using spinners, now we are using Skeletons
-
-
-
- Version b-0.10.0 (August 17th 2024)
-
-
- • Revamped server list button list
- • Added welcome dialog when first launching
-
- • Fixed an issue where servers were still able to be favorited
- client-side when logged out
-
- • Improved MOTD engine
-
-
-
👀
- {/** Ensure Tailwind pre-renders all grid column types */}
-
-
-
-
-
- Version b-0.9.0 (August 15th 2024)
-
-
- • Adding favorites sorting option
- • Fixed right-click context menu on the server list
- • Fixed metadata bugs
-
-
-
- Hey! Update on statistics. Recently, we have figured out the Minehut
- API is blocked to Vercel servers (atleast the /servers{" "}
- endpoint). I'm actively trying to find a loop-hole so that statistics
- works correctly. Thank you {":)"}
-
-
-
-
- Version b-0.8.0 (August 11th 2024)
-
-
- • Fixing up command bar
- • Renaming "Short Term" to "Statistics"
-
-
-
- Version b-0.7.2 (August 7th 2024)
-
-
- • Adding new spinners to pages that needed it
- • Fixed lots of bugs
- • Moved from Inngest to Vercel Cron
-
-
-
- Version b-0.7.0 (August 7th 2024)
-
-
- • Added customization to servers
- • New button focus effect
- • Lots of bugfixes
-
-
-
- Version b-0.6.0 (August 3rd 2024)
-
-
- • Enhanced shortcuts
- • Added gradient beam to player count
- • Updated loading animations
- • Lots of bugfixes
-
-
-
- Version b-0.4.5 (July 26th 2024):
-
-
- • Made charts better
- • Sorted API endpoints
-
-
-
- Version b-0.4 (July 25th 2024):
-
-
- • Added Info button
- • Fixed Clerk in production
- • Added Turbo for faster builds
-
- • Added historical data
-
-
-
-
- Version b-0.3 (July 23th 2024):
-
-
-
- • Fixed minor bugs described by
-
-
-
- Version b-0.2 (July 23th 2024):
-
-
-
+ Version 1.5.0 (November 16th 2024)
+
+ }
+ />
+ ),
+ },
+ {
+ id: "ywvhtcs4k9rqjfp57x",
+ name: "v1.4.5",
+ changelog: (
+
+ Version 1.4.5 (November 6th 2024)
+
+ }
+ />
+ ),
+ },
+ {
+ id: "amq4suhgcfwrb7y5j6",
+ name: "v1.4.0",
+ changelog: (
+
+ Version 1.4.0 (November 3rd 2024)
+
+ }
+ />
+ ),
+ },
+ {
+ id: "jeh48p7w9bx2k3ad6f",
+ name: "v1.3.2",
+ changelog: (
+
+
+ Version 1.3.2 (October 4th 2024)
+
+
+
+
+ Version 1.3.0 (September 9th 2024)
+
+
+
+
+ Version 1.2.0 (September 3rd 2024)
+
+
+ • Added documentation
+ • Brand new linking of padding and server options
+ • New system to ensure automatic Cron actions!
+ • and alot more!
+
+
+
+ Version 1.1.0 (August 24rd 2024)
+
+
+ • Brand new hero page
+ • New padding option on server list
+ • New help guide
+
+
+
+ Version 1.0.0 (August 22nd 2024)
+
+
+ • 1.0!
+ • New hover card on server title hover
+ • Moving to self-hosted cron jobs
+ • Fixing some mobile issues
+
+
+
+ Version b-0.10.7 (August 18th 2024)
+
+
+ • New server information tab on server pages
+
+
+
+ Version b-0.10.2 (August 18th 2024)
+
+
+ • Content fades-in on load
+ • Instead of using spinners, now we are using Skeletons
+
+
+
+ Version b-0.10.0 (August 17th 2024)
+
+
+ • Revamped server list button list
+ • Added welcome dialog when first launching
+
+ • Fixed an issue where servers were still able to be favorited
+ client-side when logged out
+
+ • Improved MOTD engine
+
+
+
👀
+ {/** Ensure Tailwind pre-renders all grid column types */}
+
+
+
+
+
+ Version b-0.9.0 (August 15th 2024)
+
+
+ • Adding favorites sorting option
+ • Fixed right-click context menu on the server list
+ • Fixed metadata bugs
+
+
+
+ Hey! Update on statistics. Recently, we have figured out the Minehut
+ API is blocked to Vercel servers (atleast the /servers{" "}
+ endpoint). I'm actively trying to find a loop-hole so that statistics
+ works correctly. Thank you {":)"}
+
+
+
+
+ Version b-0.8.0 (August 11th 2024)
+
+
+ • Fixing up command bar
+ • Renaming "Short Term" to "Statistics"
+
+
+
+ Version b-0.7.2 (August 7th 2024)
+
+
+ • Adding new spinners to pages that needed it
+ • Fixed lots of bugs
+ • Moved from Inngest to Vercel Cron
+
+
+
+ Version b-0.7.0 (August 7th 2024)
+
+
+ • Added customization to servers
+ • New button focus effect
+ • Lots of bugfixes
+
+
+
+ Version b-0.6.0 (August 3rd 2024)
+
+
+ • Enhanced shortcuts
+ • Added gradient beam to player count
+ • Updated loading animations
+ • Lots of bugfixes
+
+
+
+ Version b-0.4.5 (July 26th 2024):
+
+
+ • Made charts better
+ • Sorted API endpoints
+
+
+
+ Version b-0.4 (July 25th 2024):
+
+
+ • Added Info button
+ • Fixed Clerk in production
+ • Added Turbo for faster builds
+
+ • Added historical data
+
+
+
+
+ Version b-0.3 (July 23th 2024):
+
+
+
+ • Fixed minor bugs described by
+
+
+
+ Version b-0.2 (July 23th 2024):
+
+
+