/*
 * MHSF, Minehut Server List
 * All external content is rather licensed under the ECA Agreement
 * located here: https://list.mlnehut.com/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 Image from "next/image";
import Link from "next/link";
import { Separator } from "../components/ui/separator";
import { Button } from "../components/ui/button";
import confetti from "canvas-confetti";

export const version = "1.3";

const User = ({ user }: { user: string }) => (
  <span className="cursor-pointer bg-[rgba(255,165,0,0.25);] rounded p-[2.5px]">
    {user}
  </span>
);
const handleClick = () => {
  const duration = 5 * 1000;
  const animationEnd = Date.now() + duration;
  const defaults = { startVelocity: 30, spread: 360, ticks: 60, zIndex: 0 };

  const randomInRange = (min: number, max: number) =>
    Math.random() * (max - min) + min;

  const interval = window.setInterval(() => {
    const timeLeft = animationEnd - Date.now();

    if (timeLeft <= 0) {
      return clearInterval(interval);
    }

    const particleCount = 50 * (timeLeft / duration);
    confetti({
      ...defaults,
      particleCount,
      zIndex: 60,
      origin: { x: randomInRange(0.1, 0.3), y: Math.random() - 0.2 },
    });
    confetti({
      ...defaults,
      particleCount,
      zIndex: 60,
      origin: { x: randomInRange(0.7, 0.9), y: Math.random() - 0.2 },
    });
  }, 250);
};
export const Changelog = () => {
  const router = useRouter();
  return (
      <>
        <div>
          Running on commit{" "}
          <code>
            <a
                href={`https://github.com/DeveloLongScript/mhsf/commit/${process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA}`}
            >
              {(
                  process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_SHA || "unknown"
              ).substring(0, 7)}
            </a>{" "}
            {process.env.NEXT_PUBLIC_VERCEL_GIT_PULL_REQUEST_ID != undefined &&
                process.env.NEXT_PUBLIC_VERCEL_GIT_PULL_REQUEST_ID != "" && (
                    <>
                      {" "}
                      | on PR{" "}
                      <a
                          href={`https://github.com/DeveloLongScript/MHSF/pull/${process.env.NEXT_PUBLIC_VERCEL_GIT_PULL_REQUEST_ID}`}
                      >
                        {process.env.NEXT_PUBLIC_VERCEL_GIT_PULL_REQUEST_ID}
                      </a>{" "}
                      by{" "}
                      <a
                          href={`https://github.com/${process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_AUTHOR_NAME}`}
                      >
                        {process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_AUTHOR_NAME}
                      </a>
                    </>
                )}{" "}
            {process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_MESSAGE != undefined &&
                `| ${process.env.NEXT_PUBLIC_VERCEL_GIT_COMMIT_MESSAGE.substring(0, 24)}`}
          </code>
        </div>
        <div className="md:grid md:grid-cols-3 gap-1.5">
          <Button
              className="text-sm hover:h-[60px] animate-all group block max-md:w-full max-md:mt-2"
              onClick={() =>
                  window.open("https://discord.com/invite/cCyEeUs", "_blank")
              }
          >
          <span className="group-hover:underline flex items-center">
            <Discord className="mr-2"/> Discord
          </span>
            <Marquee
                className="hidden group-hover:flex font-normal"
                style={{"--duration": "15s"}}
            >
              Join the offical Minehut Discord server! Talk to people that like
              MHSF too!
            </Marquee>
          </Button>
          <Button
              className="text-sm max-md:w-full max-md:mt-2 hover:h-[60px] animate-all group block "
              onClick={() =>
                  window.open("https://github.com/DeveloLongScript/MHSF", "_blank")
              }
          >
          <span className="group-hover:underline flex items-center">
            <Github className="mr-2" fill={useDepTheme()}/> Star on GitHub
          </span>
            <Marquee
                className="hidden group-hover:flex font-normal"
                style={{"--duration": "10s"}}
            >
              Support the development of MHSF by starring it on GitHub!
            </Marquee>
          </Button>
          <Button
              className="text-sm max-md:w-full max-md:mt-2 hover:h-[60px] animate-all group block "
              onClick={() => window.open("/docs", "_blank")}
          >
          <span className="group-hover:underline flex items-center">
            <BookIcon className="mr-2" size={16}/> See the docs
          </span>
            <Marquee
                className="hidden group-hover:flex font-normal"
                style={{"--duration": "10s"}}
            >
              See more information about MHSF and how to use it
            </Marquee>
          </Button>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version 1.3.2 (October 4th 2024)
          </strong>
            <ul>
                <li>
                    • Minor backend changes
                </li>
                <li>
                    • <A alt="Please check on GitHub for statuses about this project.">Special:GitHub/releases/tag/1.3.2</A>
                </li>
            </ul>
        </div>
          <br/>
          <div>
              <strong className="flex items-center">
            Version 1.3.0 (September 9th 2024)
          </strong>
          <ul>
            <li>
              • <A alt="New documentation linking">Docs:Reading</A>
            </li>
            <li>
              • Achievements are here! See more at{" "}
              <A alt="here">Docs:Advanced/Achievements</A>
            </li>
            <li>• Finally fixed Cron actions for the final time™</li>
            <li>• Overhauled account preferences</li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version 1.2.0 (September 3rd 2024)
          </strong>
          <ul>
            <li>• Added documentation</li>
            <li>• Brand new linking of padding and server options</li>
            <li>• New system to ensure automatic Cron actions!</li>
            <li>• and alot more!</li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version 1.1.0 (August 24rd 2024)
          </strong>
          <ul>
            <li>• Brand new hero page</li>
            <li>• New padding option on server list</li>
            <li>• New help guide</li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version 1.0.0 (August 22nd 2024)
          </strong>
          <ul>
            <li>
              • 1.0!{" "}
              <Button className="h-[25px] w-[50px] ml-2" onClick={handleClick}>
                woah!
              </Button>
            </li>
            <li>• New hover card on server title hover</li>
            <li>• Moving to self-hosted cron jobs</li>
            <li>• Fixing some mobile issues</li>
          </ul>
        </div>
        <br/>
        <Separator/>

        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.10.7 (August 18th 2024)
          </strong>
          <ul>
            <li>• New server information tab on server pages</li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.10.2 (August 18th 2024)
          </strong>
          <ul>
            <li>• Content fades-in on load</li>
            <li>• Instead of using spinners, now we are using Skeletons</li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.10.0 (August 17th 2024)
          </strong>
          <ul>
            <li>• Revamped server list button list</li>
            <li>• Added welcome dialog when first launching</li>
            <li>
              • Fixed an issue where servers were still able to be favorited
              client-side when logged out
            </li>
            <li>• Improved MOTD engine</li>
          </ul>
          <br/>
          <i>👀</i>
          {/** Ensure Tailwind pre-renders all grid column types */}
          <span className="grid-cols-6"/>
          <span className="grid-cols-5"/>
          <span className="grid-cols-4"/>
        </div>
        <br/>
        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.9.0 (August 15th 2024)
          </strong>
          <ul>
            <li>• Adding favorites sorting option</li>
            <li>• Fixed right-click context menu on the server list</li>
            <li>• Fixed metadata bugs</li>
          </ul>
          <br/>
          <i>
            Hey! Update on statistics. Recently, we have figured out the Minehut
            API is blocked to Vercel servers (atleast the <code>/servers</code>{" "}
            endpoint). I'm actively trying to find a loop-hole so that statistics
            works correctly. Thank you {":)"}
          </i>
          <br/>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.8.0 (August 11th 2024)
          </strong>
          <ul>
            <li>• Fixing up command bar</li>
            <li>• Renaming "Short Term" to "Statistics"</li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.7.2 (August 7th 2024)
          </strong>
          <ul>
            <li>• Adding new spinners to pages that needed it</li>
            <li>• Fixed lots of bugs</li>
            <li>• Moved from Inngest to Vercel Cron</li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.7.0 (August 7th 2024)
          </strong>
          <ul>
            <li>• Added customization to servers</li>
            <li>• New button focus effect</li>
            <li>• Lots of bugfixes</li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.6.0 (August 3rd 2024)
          </strong>
          <ul>
            <li>• Enhanced shortcuts</li>
            <li>• Added gradient beam to player count</li>
            <li>• Updated loading animations</li>
            <li>• Lots of bugfixes</li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.4.5 (July 26th 2024):
          </strong>
          <ul>
            <li>• Made charts better</li>
            <li>• Sorted API endpoints</li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.4 (July 25th 2024):
          </strong>
          <ul>
            <li>• Added Info button</li>
            <li>• Fixed Clerk in production</li>
            <li>• Added Turbo for faster builds</li>
            <li>
              • <strong>Added historical data</strong>
            </li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.3 (July 23th 2024):
          </strong>
          <ul>
            <li>
              • Fixed minor bugs described by <User user="@Tarna"/>
            </li>
          </ul>
        </div>
        <br/>
        <div>
          <strong className="flex items-center">
            Version b-0.2 (July 23th 2024):
          </strong>
          <ul>
            <li>• Inital release!</li>
          </ul>
        </div>
        <br/>
        <div>
          <strong>All developers that helped out:</strong>
          <Link href="https://dvelo.vercel.app">
            <Image
                src="/imgs/badge1.png"
                alt="cool badge"
                width={88}
                height={31}
                className="w-[88px] h-[31px]"
            />
          </Link>
        </div>
      </>
  );
};

const Github = (props: SVGProps<SVGSVGElement>) => (
    <svg
        viewBox="0 0 256 250"
        width="1em"
        height="1em"
        fill="#24292f"
        xmlns="http://www.w3.org/2000/svg"
        preserveAspectRatio="xMidYMid"
        {...props}
    >
      <path
          d="M128.001 0C57.317 0 0 57.307 0 128.001c0 56.554 36.676 104.535 87.535 121.46 6.397 1.185 8.746-2.777 8.746-6.158 0-3.052-.12-13.135-.174-23.83-35.61 7.742-43.124-15.103-43.124-15.103-5.823-14.795-14.213-18.73-14.213-18.73-11.613-7.944.876-7.78.876-7.78 12.853.902 19.621 13.19 19.621 13.19 11.417 19.568 29.945 13.911 37.249 10.64 1.149-8.272 4.466-13.92 8.127-17.116-28.431-3.236-58.318-14.212-58.318-63.258 0-13.975 5-25.394 13.188-34.358-1.329-3.224-5.71-16.242 1.24-33.874 0 0 10.749-3.44 35.21 13.121 10.21-2.836 21.16-4.258 32.038-4.307 10.878.049 21.837 1.47 32.066 4.307 24.431-16.56 35.165-13.12 35.165-13.12 6.967 17.63 2.584 30.65 1.255 33.873 8.207 8.964 13.173 20.383 13.173 34.358 0 49.163-29.944 59.988-58.447 63.157 4.591 3.972 8.682 11.762 8.682 23.704 0 17.126-.148 30.91-.148 35.126 0 3.407 2.304 7.398 8.792 6.14C219.37 232.5 256 184.537 256 128.002 256 57.307 198.691 0 128.001 0Zm-80.06 182.34c-.282.636-1.283.827-2.194.39-.929-.417-1.45-1.284-1.15-1.922.276-.655 1.279-.838 2.205-.399.93.418 1.46 1.293 1.139 1.931Zm6.296 5.618c-.61.566-1.804.303-2.614-.591-.837-.892-.994-2.086-.375-2.66.63-.566 1.787-.301 2.626.591.838.903 1 2.088.363 2.66Zm4.32 7.188c-.785.545-2.067.034-2.86-1.104-.784-1.138-.784-2.503.017-3.05.795-.547 2.058-.055 2.861 1.075.782 1.157.782 2.522-.019 3.08Zm7.304 8.325c-.701.774-2.196.566-3.29-.49-1.119-1.032-1.43-2.496-.726-3.27.71-.776 2.213-.558 3.315.49 1.11 1.03 1.45 2.505.701 3.27Zm9.442 2.81c-.31 1.003-1.75 1.459-3.199 1.033-1.448-.439-2.395-1.613-2.103-2.626.301-1.01 1.747-1.484 3.207-1.028 1.446.436 2.396 1.602 2.095 2.622Zm10.744 1.193c.036 1.055-1.193 1.93-2.715 1.95-1.53.034-2.769-.82-2.786-1.86 0-1.065 1.202-1.932 2.733-1.958 1.522-.03 2.768.818 2.768 1.868Zm10.555-.405c.182 1.03-.875 2.088-2.387 2.37-1.485.271-2.861-.365-3.05-1.386-.184-1.056.893-2.114 2.376-2.387 1.514-.263 2.868.356 3.061 1.403Z" />
  </svg>
);

import type { SVGProps } from "react";
import Marquee from "@/components/effects/marquee";
import { useRouter } from "@/lib/useRouter";
import { BookIcon } from "lucide-react";
import A from "@/components/misc/Link";
import { useDepTheme } from "@/lib/getDependentTheming";
const Discord = (props: SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 256 199"
    width="1em"
    height="1em"
    xmlns="http://www.w3.org/2000/svg"
    preserveAspectRatio="xMidYMid"
    {...props}
  >
    <path
      d="M216.856 16.597A208.502 208.502 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046-19.692-2.961-39.203-2.961-58.533 0-1.832-4.4-4.55-9.933-6.846-14.046a207.809 207.809 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161.094 161.094 0 0 0 79.735 175.3a136.413 136.413 0 0 1-21.846-10.632 108.636 108.636 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a131.66 131.66 0 0 0 5.355 4.237 136.07 136.07 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848 21.142-6.58 42.646-16.637 64.815-33.213 5.316-56.288-9.08-105.09-38.056-148.36ZM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2c12.867 0 23.236 11.804 23.015 26.2.02 14.375-10.148 26.18-23.015 26.18Zm85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2 0 14.375-10.148 26.18-23.015 26.18Z"
      fill="#5865F2"
    />
  </svg>
);