31 | {children.map((child) => (
32 |
35 | );
36 | };
37 |
--------------------------------------------------------------------------------
/apps/discord-bot/src/components/Table/index.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import { Table as TableComponent } from "./Table.js";
10 | import { TableData } from "./TableData.js";
11 | import { TableRow } from "./TableRow.js";
12 | import { TableSeparator } from "./TableSeparator.js";
13 |
14 | export const Table = {
15 | table: TableComponent,
16 | td: TableData,
17 | tr: TableRow,
18 | ts: TableSeparator,
19 | };
20 |
--------------------------------------------------------------------------------
/apps/discord-bot/src/components/index.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | export * from "./Background.js";
10 | export * from "./Container.js";
11 | export * from "./Footer.js";
12 | export * from "./Header/index.js";
13 | export * from "./Historical/index.js";
14 | export * from "./If.js";
15 | export * from "./List.js";
16 | export * from "./Multiline.js";
17 | export * from "./ProgressBar.js";
18 | export * from "./Sidebar.js";
19 | export * from "./Skin.js";
20 | export * from "./Table/index.js";
21 | export * from "./GameList.js";
22 |
--------------------------------------------------------------------------------
/apps/discord-bot/src/lib/convert-color-codes.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | export const convertColorCodes = (content: string) => content
10 | .replaceAll(String.raw`\&`, "")
11 | .replace(/&\S/g, (m) => m.replace("&", "§"))
12 | .replaceAll("", "&");
13 |
14 |
--------------------------------------------------------------------------------
/apps/discord-bot/src/lib/format-position.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import { LocalizeFunction } from "@statsify/discord";
10 |
11 | export const formatPosition = (t: LocalizeFunction, position: number): string => {
12 | let color = "§f";
13 |
14 | switch (position) {
15 | case 1:
16 | color = "§#ffd700";
17 | break;
18 |
19 | case 2:
20 | color = "§#c0c0c0";
21 | break;
22 |
23 | case 3:
24 | color = "§#cd7f32";
25 | break;
26 | }
27 |
28 | return `${color}#§l${t(position)}`;
29 | };
30 |
--------------------------------------------------------------------------------
/apps/discord-bot/src/lib/minecraft-head.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import { randomUUID } from "node:crypto";
10 |
11 | export function minecraftHeadUrl(uuid: string) {
12 | const dashlessUuid = uuid.replaceAll("-", "");
13 | return `https://crafatar.com/avatars/${dashlessUuid}?size=160&default=MHF_Steve&overlay&id=${randomUUID()}`;
14 | }
15 |
--------------------------------------------------------------------------------
/apps/discord-bot/src/services/font-loader.service.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import { Container, Service } from "typedi";
10 | import { FontRenderer } from "@statsify/rendering";
11 | import { getMinecraftTexturePath } from "@statsify/assets";
12 |
13 | const renderer = new FontRenderer();
14 | const hdRenderer = new FontRenderer();
15 |
16 | Container.set(FontRenderer, renderer);
17 | Container.set("HDFontRenderer", hdRenderer);
18 |
19 | @Service()
20 | export class FontLoaderService {
21 | public async init() {
22 | await renderer.loadImages(getMinecraftTexturePath("textures/font"));
23 | await hdRenderer.loadImages(getMinecraftTexturePath("textures/font", "hd"));
24 | }
25 | }
26 |
--------------------------------------------------------------------------------
/apps/discord-bot/src/services/index.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | export * from "./font-loader.service.js";
10 |
--------------------------------------------------------------------------------
/apps/discord-bot/src/themes/boxes/index.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import * as HDBox from "./hd.box.js";
10 | import * as UHDBox from "./uhd.box.js";
11 | import { Box, Render } from "@statsify/rendering";
12 | import { UserBoxes } from "@statsify/schemas";
13 |
14 | export function getBoxRenderer(boxes: UserBoxes): Render{child}
33 | ))}
34 |
13 |
21 | );
22 |
--------------------------------------------------------------------------------
/apps/site/components/Button/index.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import Link from "next/link";
10 | import styles from "./button.module.scss";
11 |
12 | export interface ButtonProps {
13 | children: React.ReactNode;
14 | link?: string;
15 | }
16 |
17 | export const Button = ({ link, children }: ButtonProps) => {
18 | if (link)
19 | return (
20 |
21 |
22 |
23 | );
24 |
25 | return ;
26 | };
27 |
--------------------------------------------------------------------------------
/apps/site/components/Code/code.module.scss:
--------------------------------------------------------------------------------
1 | .code {
2 | color: #ffffff;
3 | background-color: #0a0a0a;
4 | padding: 0.2em 0.4em;
5 | border-radius: 0.3em;
6 |
7 | font-family: "DejaVu Sans Mono", "Menlo", "Monaco", "Consolas", "Courier New", monospace;
8 | }
--------------------------------------------------------------------------------
/apps/site/components/Code/index.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import styles from "./code.module.scss";
10 | import { ReactNode } from "react";
11 |
12 | export interface CodeProps {
13 | children: ReactNode;
14 | }
15 |
16 | export const Code = ({ children }: CodeProps) => (
17 | About Us
14 |15 | Statsify is an easy to use multipurpose Discord bot for viewing your Hypixel stats. 16 | Statsify can track statistics in several game modes on the Hypixel Network, such as 17 | Bed Wars, Sky Wars, Duels, and many other minigames. It is the #1 stat bot for 18 | tracking your progress and improvements while playing Minecraft. 19 |
20 |{children}
18 | );
19 |
--------------------------------------------------------------------------------
/apps/site/components/Container/container.module.scss:
--------------------------------------------------------------------------------
1 | .container {
2 | width: 100%;
3 |
4 | display: flex;
5 | flex-direction: column;
6 | justify-content: center;
7 | align-items: center;
8 | }
--------------------------------------------------------------------------------
/apps/site/components/Container/index.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import styles from "./container.module.scss";
10 | import { ReactNode } from "react";
11 |
12 | export interface ContainerProps {
13 | children: ReactNode;
14 | }
15 |
16 | export const Container = ({ children }: ContainerProps) => (
17 | {children}
18 | );
19 |
--------------------------------------------------------------------------------
/apps/site/components/Divider/divider.module.scss:
--------------------------------------------------------------------------------
1 | .divider {
2 | width: 40%;
3 | margin: 24px;
4 | height: 1px;
5 | background-color: rgba(255, 255, 255, 0.4);
6 |
7 | @media (max-width: 640px) {
8 | width: 90%;
9 | }
10 | }
--------------------------------------------------------------------------------
/apps/site/components/Divider/index.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import styles from "./divider.module.scss";
10 |
11 | export const Divider = () => ;
12 |
--------------------------------------------------------------------------------
/apps/site/components/Footer/footer.module.scss:
--------------------------------------------------------------------------------
1 | .footer {
2 | width: 100%;
3 | background-color: #111111;
4 | color: #ffffff;
5 | font-family: "Lexend Deca";
6 | display: flex;
7 | flex-direction: column;
8 | align-items: center;
9 | gap: 16px;
10 | padding-top: 16px;
11 | padding-bottom: 16px;
12 | }
13 |
14 | .socials,
15 | .links {
16 | display: flex;
17 | flex-direction: row;
18 | justify-content: center;
19 | gap: 8px;
20 | }
21 |
22 | .links {
23 | padding-top: 4px;
24 | padding-bottom: 4px;
25 |
26 | @media (max-width: 640px) {
27 | flex-direction: column;
28 | }
29 | }
30 |
31 | .link {
32 | text-align: center;
33 |
34 | &:hover {
35 | cursor: pointer;
36 | text-decoration: underline;
37 | }
38 | }
39 |
40 | .copyright {
41 | padding-top: 4px;
42 | padding-bottom: 4px;
43 | }
44 |
--------------------------------------------------------------------------------
/apps/site/components/Hero/Navbar.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import Image from "next/image";
10 | import Logo from "../../public/banner.svg";
11 | import styles from "./navbar.module.scss";
12 |
13 | export const Navbar = () => (
14 |
19 | );
20 |
--------------------------------------------------------------------------------
/apps/site/components/Hero/navbar.module.scss:
--------------------------------------------------------------------------------
1 | .nav {
2 | display: flex;
3 | flex-direction: row;
4 | justify-content: center;
5 |
6 | width: 100%;
7 |
8 | margin-top: 16px;
9 | }
10 |
11 | .branding {
12 | filter: drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.8));
13 | position: relative;
14 |
15 | width: 100%;
16 | min-height: 100px;
17 |
18 | @media (max-width: 640px) {
19 | width: 90%;
20 | }
21 | }
--------------------------------------------------------------------------------
/apps/site/components/Invite/index.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import styles from "./invite.module.scss";
10 | import { Button } from "../Button";
11 |
12 | export const Invite = () => (
13 |
14 |
18 | );
19 |
--------------------------------------------------------------------------------
/apps/site/components/Invite/invite.module.scss:
--------------------------------------------------------------------------------
1 | .invite {
2 | display: flex;
3 | flex-direction: column;
4 | align-items: center;
5 | justify-content: center;
6 |
7 | color: #ffffff;
8 | text-align: center;
9 |
10 | h1,
11 | h2,
12 | p {
13 | margin-bottom: 32px;
14 | }
15 |
16 | h1 {
17 | font-size: 3rem;
18 |
19 | @media (max-width: 640px) {
20 | font-size: 2.5rem;
21 | }
22 | }
23 |
24 | p {
25 | font-size: 1.2rem;
26 | }
27 |
28 | button {
29 | font-size: 1.5rem;
30 | }
31 |
32 | margin: 64px;
33 | }
34 |
--------------------------------------------------------------------------------
/apps/site/components/Layout.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import { Container } from "./Container";
10 | import { Footer } from "./Footer";
11 | import { Hero } from "./Hero";
12 | import { ReactNode } from "react";
13 |
14 | export interface LayoutProps {
15 | children: ReactNode;
16 | }
17 |
18 | export const Layout = ({ children }: LayoutProps) => (
19 | <>
20 | What are you waiting for?
15 |Invite Statsify today to enhance your Hypixel experience!
16 | 17 |
18 |
21 | );
22 |
--------------------------------------------------------------------------------
/apps/site/components/StatCircle/index.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Statsify
3 | *
4 | * This source code is licensed under the GNU GPL v3 license found in the
5 | * LICENSE file in the root directory of this source tree.
6 | * https://github.com/Statsify/statsify/blob/main/LICENSE
7 | */
8 |
9 | import CountUp from "react-countup";
10 | import styles from "./stat-circle.module.scss";
11 | import { ReactNode } from "react";
12 |
13 | export interface StatCircleProps {
14 | value: number;
15 | title: string;
16 | image: ReactNode;
17 | }
18 |
19 | export const StatCircle = ({ title, value, image }: StatCircleProps) => (
20 | {children}
19 |
21 |
25 | );
26 |
27 | export * from "./StatCircleContainer";
28 |
--------------------------------------------------------------------------------
/apps/site/components/StatCircle/stat-circle-container.module.scss:
--------------------------------------------------------------------------------
1 | .container {
2 | display: flex;
3 | flex-direction: row;
4 | justify-content: center;
5 | align-items: center;
6 | background-color: #111111;
7 |
8 | width: 100%;
9 |
10 | padding-top: 60px;
11 | padding-bottom: 60px;
12 |
13 | @media (max-width: 640px) {
14 | flex-direction: column-reverse;
15 | }
16 | }
17 |
18 |
19 | .circleContainer {
20 | display: flex;
21 | flex-direction: row;
22 | justify-content: center;
23 | align-items: center;
24 |
25 | color: #ffffff;
26 | font-size: 2rem;
27 | font-weight: 800;
28 |
29 |
30 | @media (max-width: 640px) {
31 | margin-left: 0px;
32 | margin-right: 0px;
33 | margin-top: 15px;
34 | margin-bottom: 15px;
35 | flex-direction: column;
36 | }
37 | }
--------------------------------------------------------------------------------
/apps/site/globals.scss:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: "Lexend Deca";
3 | src: url(/fonts/LexendDeca.ttf) format("truetype");
4 | }
5 |
6 | * {
7 | margin: 0;
8 | padding: 0;
9 | }
10 |
11 | html, body, #__next {
12 | width: 100%;
13 | height: 100%;
14 | background-color: #1d1d1d;
15 | font-family: "Lexend Deca", Arial, Helvetica, sans-serif;
16 | scroll-behavior: smooth;
17 | }
18 |
19 | #__next {
20 | display: flex;
21 | flex-direction: column;
22 | }
23 |
24 | main {
25 | flex: 1;
26 | }
27 |
28 | img {
29 | user-select: none;
30 | }
31 |
32 | .slider {
33 | position: relative;
34 | }
35 |
36 | .slider::before {
37 | content: '';
38 | position: absolute;
39 | top: 0;
40 | left: 100%;
41 | width: 10000%;
42 | height: 100%;
43 | }
--------------------------------------------------------------------------------
/apps/site/next-env.d.ts:
--------------------------------------------------------------------------------
1 | /// {image}
22 | {title}
24 |