Initial commit
This commit is contained in:
commit
d731041378
GPG Key ID:
5D4196DA269EF520
26
.gitignore
vendored
Normal file
26
.gitignore
vendored
Normal file
@ -0,0 +1,26 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
dist
|
||||||
|
dist-ssr
|
||||||
|
*.local
|
||||||
|
.env
|
||||||
|
*.env
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.idea
|
||||||
|
.DS_Store
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
1
.node-version
Normal file
1
.node-version
Normal file
@ -0,0 +1 @@
|
|||||||
|
v16.19.0
|
||||||
93
OFL.txt
Normal file
93
OFL.txt
Normal file
@ -0,0 +1,93 @@
|
|||||||
|
Copyright 2020 The Plus Jakarta Sans Project Authors (https://github.com/tokotype/PlusJakartaSans)
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
"Font Software" refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||||
44
components/Fallback.tsx
Normal file
44
components/Fallback.tsx
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
import { Component, type ReactNode } from "react";
|
||||||
|
import Navigation from "./Navigation";
|
||||||
|
import { Code, Container, Heading, Text } from "@chakra-ui/react";
|
||||||
|
|
||||||
|
interface ErrorState {
|
||||||
|
error: string | null;
|
||||||
|
errored: boolean;
|
||||||
|
}
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
[k: string]: any;
|
||||||
|
children: ReactNode;
|
||||||
|
};
|
||||||
|
|
||||||
|
export default class Fallback extends Component<Props, ErrorState> {
|
||||||
|
constructor(props: Props) {
|
||||||
|
super(props);
|
||||||
|
this.state = { error: null, errored: false };
|
||||||
|
}
|
||||||
|
|
||||||
|
static getDerivedStateFromError(error: Error) {
|
||||||
|
return { error, errored: true };
|
||||||
|
}
|
||||||
|
|
||||||
|
render() {
|
||||||
|
if (!this.state.errored) return this.props.children;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Navigation />
|
||||||
|
<Container maxW="container.xl" pb="100px">
|
||||||
|
<Heading>Oops! Something broke.</Heading>
|
||||||
|
<Text fontSize="xl">See the details below</Text>
|
||||||
|
<br />
|
||||||
|
<Text>{this.state.error?.toString()}</Text>
|
||||||
|
</Container>
|
||||||
|
<Container maxW="container.xl">
|
||||||
|
{/* @ts-expect-error The stack property should always exist */}
|
||||||
|
<Code>{this.state.error.stack}</Code>
|
||||||
|
</Container>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
15
components/Forbidden.tsx
Normal file
15
components/Forbidden.tsx
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
import { Container, Heading, Link, Text } from "@chakra-ui/react";
|
||||||
|
|
||||||
|
export default function () {
|
||||||
|
return (
|
||||||
|
<Container maxW="container.lg" mt="8vh" textAlign="left">
|
||||||
|
<Heading size="4xl">403</Heading>
|
||||||
|
<br />
|
||||||
|
<Text fontSize="xl">Sorry, but you aren't allowed to access that.</Text>
|
||||||
|
<br />
|
||||||
|
<Link color="#646cff" onClick={() => history.go(-1)}>
|
||||||
|
Go back
|
||||||
|
</Link>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
}
|
||||||
195
components/FormGenerator.tsx
Normal file
195
components/FormGenerator.tsx
Normal file
@ -0,0 +1,195 @@
|
|||||||
|
import {
|
||||||
|
Checkbox,
|
||||||
|
CheckboxGroup,
|
||||||
|
FormControl,
|
||||||
|
FormErrorMessage,
|
||||||
|
Heading,
|
||||||
|
HStack,
|
||||||
|
Input,
|
||||||
|
NumberDecrementStepper,
|
||||||
|
NumberIncrementStepper,
|
||||||
|
NumberInput,
|
||||||
|
NumberInputField,
|
||||||
|
NumberInputStepper,
|
||||||
|
Radio,
|
||||||
|
RadioGroup,
|
||||||
|
Select,
|
||||||
|
Textarea,
|
||||||
|
} from "@chakra-ui/react";
|
||||||
|
import { type Dispatch, type SetStateAction, useState } from "react";
|
||||||
|
|
||||||
|
interface component {
|
||||||
|
id: string;
|
||||||
|
max_length?: number;
|
||||||
|
options?: { default?: boolean; value: string }[];
|
||||||
|
required: boolean;
|
||||||
|
title: string;
|
||||||
|
type: string;
|
||||||
|
value?: number | string | string[];
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function ({
|
||||||
|
components,
|
||||||
|
read_only = true,
|
||||||
|
}: {
|
||||||
|
components: { [k: number]: component[] };
|
||||||
|
read_only: boolean;
|
||||||
|
}) {
|
||||||
|
function isNumberElemInvalid(e: HTMLInputElement): boolean {
|
||||||
|
return !(
|
||||||
|
e.value ||
|
||||||
|
e.valueAsNumber <= Number.MAX_SAFE_INTEGER ||
|
||||||
|
e.valueAsNumber >= Number.MIN_SAFE_INTEGER
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateState(
|
||||||
|
state: { [k: string]: string | string[] },
|
||||||
|
setState: Dispatch<SetStateAction<{}>>,
|
||||||
|
id: string,
|
||||||
|
value: string
|
||||||
|
) {
|
||||||
|
const newState = { ...state };
|
||||||
|
newState[id] = value;
|
||||||
|
|
||||||
|
setState(newState);
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderCheckboxOptions(
|
||||||
|
c: component,
|
||||||
|
state: { [k: string]: string | string[] },
|
||||||
|
setState: Dispatch<SetStateAction<{}>>
|
||||||
|
) {
|
||||||
|
if (!c.options) throw new Error("Options for checkbox are undefined");
|
||||||
|
|
||||||
|
const boxes = [];
|
||||||
|
const checkedBoxes = [];
|
||||||
|
|
||||||
|
for (const option of c.options) {
|
||||||
|
if (
|
||||||
|
option.default ||
|
||||||
|
(read_only && Array.isArray(c.value) && c.value.includes(option.value))
|
||||||
|
)
|
||||||
|
checkedBoxes.push(option.value);
|
||||||
|
|
||||||
|
boxes.push(
|
||||||
|
<Checkbox
|
||||||
|
isReadOnly={read_only}
|
||||||
|
onChange={(e) => {
|
||||||
|
const newState = { ...state };
|
||||||
|
const groupValues = newState[c.id] ?? [];
|
||||||
|
|
||||||
|
if (!Array.isArray(groupValues))
|
||||||
|
throw new Error("Expected CheckboxGroup values to be an array");
|
||||||
|
|
||||||
|
e.target.checked
|
||||||
|
? groupValues.push(e.target.value)
|
||||||
|
: groupValues.splice(
|
||||||
|
groupValues.findIndex((v) => v === e.target.value),
|
||||||
|
1
|
||||||
|
);
|
||||||
|
|
||||||
|
newState[c.id] = groupValues;
|
||||||
|
setState(newState);
|
||||||
|
}}
|
||||||
|
value={option.value}
|
||||||
|
>
|
||||||
|
{option.value}
|
||||||
|
</Checkbox>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<CheckboxGroup defaultValue={checkedBoxes}>
|
||||||
|
<HStack spacing={5}>{boxes}</HStack>
|
||||||
|
</CheckboxGroup>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
function generateReactComponents(
|
||||||
|
components: component[],
|
||||||
|
state: { [k: string]: string | string[] },
|
||||||
|
setState: Dispatch<SetStateAction<{}>>
|
||||||
|
): JSX.Element[] {
|
||||||
|
const fragmentsList = [];
|
||||||
|
|
||||||
|
for (const component of components) {
|
||||||
|
fragmentsList.push(
|
||||||
|
<Heading size="md">{component.title}</Heading>,
|
||||||
|
<br />
|
||||||
|
);
|
||||||
|
|
||||||
|
switch (component.type) {
|
||||||
|
case "checkbox":
|
||||||
|
fragmentsList.push(renderCheckboxOptions(component, state, setState));
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "input":
|
||||||
|
fragmentsList.push(
|
||||||
|
<FormControl
|
||||||
|
isInvalid={
|
||||||
|
!(document.getElementById(component.id) as HTMLInputElement)
|
||||||
|
.value.length
|
||||||
|
}
|
||||||
|
isReadOnly={read_only}
|
||||||
|
>
|
||||||
|
<Input
|
||||||
|
id={component.id}
|
||||||
|
maxLength={component.max_length}
|
||||||
|
onChange={(e) =>
|
||||||
|
updateState(state, setState, component.id, e.target.value)
|
||||||
|
}
|
||||||
|
placeholder="Your response"
|
||||||
|
value={component.value}
|
||||||
|
/>
|
||||||
|
<FormErrorMessage>Field is required</FormErrorMessage>
|
||||||
|
</FormControl>
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
|
||||||
|
case "number":
|
||||||
|
fragmentsList.push(
|
||||||
|
<NumberInput
|
||||||
|
isInvalid={isNumberElemInvalid(
|
||||||
|
document.getElementById(component.id) as HTMLInputElement
|
||||||
|
)}
|
||||||
|
isReadOnly={read_only}
|
||||||
|
>
|
||||||
|
<NumberInputField
|
||||||
|
id={component.id}
|
||||||
|
onChange={(e) =>
|
||||||
|
updateState(state, setState, component.id, e.target.value)
|
||||||
|
}
|
||||||
|
value={component.value}
|
||||||
|
/>
|
||||||
|
<NumberInputStepper>
|
||||||
|
<NumberIncrementStepper />
|
||||||
|
<NumberDecrementStepper />
|
||||||
|
</NumberInputStepper>
|
||||||
|
</NumberInput>
|
||||||
|
);
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
fragmentsList.push(<br />, <br />, <br />);
|
||||||
|
}
|
||||||
|
|
||||||
|
return fragmentsList;
|
||||||
|
}
|
||||||
|
|
||||||
|
const pages = [];
|
||||||
|
const [responses, setResponses] = useState({});
|
||||||
|
|
||||||
|
for (const [page, componentList] of Object.entries(components)) {
|
||||||
|
pages.push(
|
||||||
|
<div
|
||||||
|
id={`form-page-${page}`}
|
||||||
|
style={{ display: page ? "none" : undefined }}
|
||||||
|
>
|
||||||
|
{generateReactComponents(componentList, responses, setResponses)}
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
return <></>;
|
||||||
|
}
|
||||||
20
components/Login.tsx
Normal file
20
components/Login.tsx
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
import { Button, Card, Container, Heading, VStack } from "@chakra-ui/react";
|
||||||
|
|
||||||
|
export default function () {
|
||||||
|
return (
|
||||||
|
<Container pt="16vh">
|
||||||
|
<Card p="4vh">
|
||||||
|
<VStack alignContent="center" gap="2vh">
|
||||||
|
<Heading>Log in to Car Crushers</Heading>
|
||||||
|
<br />
|
||||||
|
<Button
|
||||||
|
colorScheme="blue"
|
||||||
|
onClick={() => location.assign("/api/auth/oauth")}
|
||||||
|
>
|
||||||
|
Log in with Discord
|
||||||
|
</Button>
|
||||||
|
</VStack>
|
||||||
|
</Card>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
}
|
||||||
9
components/ModWrapper.tsx
Normal file
9
components/ModWrapper.tsx
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
import { Container, Tab, TabList } from "@chakra-ui/react";
|
||||||
|
|
||||||
|
export default function () {
|
||||||
|
return (
|
||||||
|
<Container maxW="container.lg" pt="4vh">
|
||||||
|
|
||||||
|
</Container>
|
||||||
|
)
|
||||||
|
}
|
||||||
190
components/Navigation.tsx
Normal file
190
components/Navigation.tsx
Normal file
@ -0,0 +1,190 @@
|
|||||||
|
import {
|
||||||
|
Avatar,
|
||||||
|
Box,
|
||||||
|
Button,
|
||||||
|
Center,
|
||||||
|
CloseButton,
|
||||||
|
Container,
|
||||||
|
Drawer,
|
||||||
|
DrawerContent,
|
||||||
|
DrawerOverlay,
|
||||||
|
Flex,
|
||||||
|
HStack,
|
||||||
|
Link,
|
||||||
|
Spacer,
|
||||||
|
Text,
|
||||||
|
useBreakpointValue,
|
||||||
|
useDisclosure,
|
||||||
|
} from "@chakra-ui/react";
|
||||||
|
|
||||||
|
function getAvatarUrl(userData: { [k: string]: any }): string {
|
||||||
|
const BASE = "https://cdn.discordapp.com/";
|
||||||
|
|
||||||
|
if (!userData.id) return "";
|
||||||
|
|
||||||
|
if (!userData.avatar)
|
||||||
|
return BASE + `embed/avatars/${parseInt(userData.discriminator) % 5}.png`;
|
||||||
|
|
||||||
|
return BASE + `avatars/${userData.id}/${userData.avatar}`;
|
||||||
|
}
|
||||||
|
|
||||||
|
export default function (props: {
|
||||||
|
avatar?: string;
|
||||||
|
discriminator?: string;
|
||||||
|
email?: string;
|
||||||
|
id?: string;
|
||||||
|
permissions?: number;
|
||||||
|
username?: string;
|
||||||
|
}) {
|
||||||
|
const isDesktop = useBreakpointValue({ base: false, lg: true });
|
||||||
|
const { isOpen, onClose, onOpen } = useDisclosure();
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Box as="section" pb={{ base: "6" }}>
|
||||||
|
<Box as="nav" boxSizing="unset">
|
||||||
|
<Container maxW="container.xl" py={{ base: "6" }}>
|
||||||
|
<Container
|
||||||
|
alignItems="center"
|
||||||
|
display={isDesktop ? "none" : "flex"}
|
||||||
|
justifyContent="space-between"
|
||||||
|
p="0"
|
||||||
|
w="calc(100vw - 6rem)"
|
||||||
|
>
|
||||||
|
<a href="/">
|
||||||
|
<img
|
||||||
|
src="/files/logo192.png"
|
||||||
|
alt="Car Crushers Logo"
|
||||||
|
style={{ width: "36px" }}
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="16"
|
||||||
|
height="16"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
onClick={onOpen}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fillRule="evenodd"
|
||||||
|
d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</Container>
|
||||||
|
<Flex
|
||||||
|
alignSelf="center"
|
||||||
|
display={isDesktop ? "flex" : "none"}
|
||||||
|
gap="0.5rem"
|
||||||
|
justifyContent="space-between"
|
||||||
|
p="0"
|
||||||
|
textAlign="center"
|
||||||
|
>
|
||||||
|
<a href="/" style={{ alignSelf: "center" }}>
|
||||||
|
<img
|
||||||
|
src="/files/logo192.png"
|
||||||
|
width="32"
|
||||||
|
alt="Car Crushers Logo"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
<Spacer />
|
||||||
|
<Spacer />
|
||||||
|
<Center gap="1.25rem" whiteSpace="nowrap">
|
||||||
|
<Button variant="ghost">
|
||||||
|
<Link href="/about">About Us</Link>
|
||||||
|
</Button>
|
||||||
|
<Button variant="ghost">
|
||||||
|
<Link href="/team">Our Team</Link>
|
||||||
|
</Button>
|
||||||
|
<Button variant="ghost">
|
||||||
|
<Link href="/support">Support</Link>
|
||||||
|
</Button>
|
||||||
|
<Button variant="ghost">
|
||||||
|
<Link href="/mdn">Moderation</Link>
|
||||||
|
</Button>
|
||||||
|
</Center>
|
||||||
|
<Spacer />
|
||||||
|
<Spacer />
|
||||||
|
{props.id ? (
|
||||||
|
<HStack spacing="3">
|
||||||
|
<Avatar
|
||||||
|
display={props.id ? "flex" : "none"}
|
||||||
|
src={getAvatarUrl(props)}
|
||||||
|
/>
|
||||||
|
<Text>
|
||||||
|
{props.id ? `${props.username}#${props.discriminator}` : ""}
|
||||||
|
</Text>
|
||||||
|
<Button
|
||||||
|
size="md"
|
||||||
|
style={{ display: props.id ? "block" : "none" }}
|
||||||
|
variant="ghost"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fillRule="evenodd"
|
||||||
|
d="M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
fillRule="evenodd"
|
||||||
|
d="M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</Button>
|
||||||
|
</HStack>
|
||||||
|
) : (
|
||||||
|
<Button>Log In</Button>
|
||||||
|
)}
|
||||||
|
</Flex>
|
||||||
|
</Container>
|
||||||
|
</Box>
|
||||||
|
</Box>
|
||||||
|
<Drawer isOpen={isOpen} onClose={onClose} placement="left">
|
||||||
|
<DrawerOverlay />
|
||||||
|
<DrawerContent gap="1.5vh" p="1.5vh">
|
||||||
|
<CloseButton onClick={onClose} />
|
||||||
|
<hr />
|
||||||
|
<Link href="/about">About Us</Link>
|
||||||
|
<Link href="/team">Our Team</Link>
|
||||||
|
<Link href="/support">Support</Link>
|
||||||
|
<Link href="/mdn">Moderation</Link>
|
||||||
|
<hr />
|
||||||
|
<Flex alignItems="center" gap="1rem">
|
||||||
|
<Avatar
|
||||||
|
display={props.id ? "" : "none"}
|
||||||
|
src={getAvatarUrl(props)}
|
||||||
|
/>
|
||||||
|
<Text align="center" style={{ overflowWrap: "anywhere" }}>
|
||||||
|
{props.id ? `${props.username}#${props.discriminator}` : ""}
|
||||||
|
</Text>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
style={{
|
||||||
|
cursor: "pointer",
|
||||||
|
display: props.id ? "block" : "none",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
fillRule="evenodd"
|
||||||
|
d="M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z"
|
||||||
|
/>
|
||||||
|
<path
|
||||||
|
fillRule="evenodd"
|
||||||
|
d="M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
</Flex>
|
||||||
|
</DrawerContent>
|
||||||
|
</Drawer>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
38
components/Success.tsx
Normal file
38
components/Success.tsx
Normal file
@ -0,0 +1,38 @@
|
|||||||
|
import { Container, Flex, Heading, Spacer, Text } from "@chakra-ui/react";
|
||||||
|
|
||||||
|
export default function ({
|
||||||
|
heading,
|
||||||
|
message,
|
||||||
|
}: {
|
||||||
|
heading: string;
|
||||||
|
message: string;
|
||||||
|
}) {
|
||||||
|
return (
|
||||||
|
<Container
|
||||||
|
left="50%"
|
||||||
|
maxW="container.md"
|
||||||
|
pos="absolute"
|
||||||
|
top="50%"
|
||||||
|
transform="translate(-50%, -50%)"
|
||||||
|
>
|
||||||
|
<Flex>
|
||||||
|
<Spacer />
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
width="128"
|
||||||
|
height="128"
|
||||||
|
fill="currentColor"
|
||||||
|
viewBox="0 0 16 16"
|
||||||
|
>
|
||||||
|
<path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0 5.5 5.5 0 1 1-11 0z" />
|
||||||
|
<path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293 5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l7-7z" />
|
||||||
|
</svg>
|
||||||
|
<Spacer />
|
||||||
|
</Flex>
|
||||||
|
<br />
|
||||||
|
<Heading>{heading}</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>{message}</Text>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
}
|
||||||
67
data/team.json
Normal file
67
data/team.json
Normal file
@ -0,0 +1,67 @@
|
|||||||
|
[
|
||||||
|
{
|
||||||
|
"id": "165594923586945025",
|
||||||
|
"tag": "Panwellz#5923",
|
||||||
|
"position": "Game Creator"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "110502920339881984",
|
||||||
|
"tag": "spooks#1523",
|
||||||
|
"position": "Scripter"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "289372404541554689",
|
||||||
|
"tag": "SkilledOn#0001",
|
||||||
|
"position": "Community Manager/Developer"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "247766460359901194",
|
||||||
|
"tag": "ImpartialRpr#1504",
|
||||||
|
"position": "CM Advisor"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "396347223736057866",
|
||||||
|
"tag": "Wolftallemo#0666",
|
||||||
|
"position": "Head of Forum Moderation"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "165047934113677312",
|
||||||
|
"tag": "Virt#0001",
|
||||||
|
"position": "Director of Discord Moderation"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "135418199083581440",
|
||||||
|
"tag": "perry the platypus™#0001",
|
||||||
|
"position": "Head of Discord Moderation"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "385572238331478016",
|
||||||
|
"tag": "Nahu#4092",
|
||||||
|
"position": "Head of Discord Moderation"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "151098768807165952",
|
||||||
|
"tag": "Redious#2066",
|
||||||
|
"position": "Director of Wall Moderation"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "430533277384704010",
|
||||||
|
"tag": ".Mason#1207",
|
||||||
|
"position": "Head of Wall Moderation"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "392947931336146945",
|
||||||
|
"tag": "3_Row#0001",
|
||||||
|
"position": "Head of Wall Moderation"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "704247919259156521",
|
||||||
|
"tag": "Charlemagne#3953",
|
||||||
|
"position": "Events Coordinator"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "256995590599081985",
|
||||||
|
"tag": "43#0317",
|
||||||
|
"position": "Events Coordinator"
|
||||||
|
}
|
||||||
|
]
|
||||||
122
functions/_middleware.ts
Normal file
122
functions/_middleware.ts
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
import { renderPage } from "vite-plugin-ssr";
|
||||||
|
|
||||||
|
async function constructHTML(context: RequestContext) {
|
||||||
|
const { pathname } = new URL(context.request.url);
|
||||||
|
|
||||||
|
if (pathname.startsWith("/api/")) return await context.next();
|
||||||
|
|
||||||
|
if (
|
||||||
|
pathname.startsWith("/assets/") ||
|
||||||
|
["/app.webmanifest", "/favicon.ico", "/robots.txt"].includes(pathname) ||
|
||||||
|
pathname.startsWith("/files/")
|
||||||
|
)
|
||||||
|
return await context.env.ASSETS.fetch(context.request);
|
||||||
|
|
||||||
|
const { httpResponse, status } = await renderPage({
|
||||||
|
current_user: context.data.current_user,
|
||||||
|
kv: context.env.DATA,
|
||||||
|
status: 200,
|
||||||
|
urlOriginal: context.request.url,
|
||||||
|
});
|
||||||
|
|
||||||
|
return new Response(httpResponse?.getReadableWebStream(), {
|
||||||
|
headers: {
|
||||||
|
"content-type": httpResponse?.contentType ?? "text/html;charset=utf-8",
|
||||||
|
},
|
||||||
|
status: [200, 404, 500].includes(status)
|
||||||
|
? httpResponse?.statusCode
|
||||||
|
: status,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
async function generateTokenHash(token: string) {
|
||||||
|
const hash = await crypto.subtle.digest(
|
||||||
|
"SHA-512",
|
||||||
|
new TextEncoder().encode(token)
|
||||||
|
);
|
||||||
|
return btoa(String.fromCharCode(...new Uint8Array(hash)))
|
||||||
|
.replace(/\+/g, "-")
|
||||||
|
.replace(/\//g, "_")
|
||||||
|
.replace(/=/g, "");
|
||||||
|
}
|
||||||
|
|
||||||
|
async function setAuth(context: RequestContext) {
|
||||||
|
const cookies = context.request.headers.get("cookie");
|
||||||
|
|
||||||
|
if (!cookies) return await context.next();
|
||||||
|
|
||||||
|
const cookieList = cookies.split(/; /);
|
||||||
|
|
||||||
|
for (const c of cookieList) {
|
||||||
|
const [name, value] = c.split("=");
|
||||||
|
|
||||||
|
if (name !== "_s") continue;
|
||||||
|
|
||||||
|
const userData = await context.env.DATA.get(
|
||||||
|
`auth_${await generateTokenHash(value)}`
|
||||||
|
);
|
||||||
|
|
||||||
|
if (userData) context.data.current_user = JSON.parse(userData);
|
||||||
|
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
|
||||||
|
return await context.next();
|
||||||
|
}
|
||||||
|
|
||||||
|
async function setBody(context: RequestContext) {
|
||||||
|
if (context.request.method === "POST") {
|
||||||
|
if (context.request.headers.get("content-type") !== "application/json")
|
||||||
|
return new Response('{"error":"Invalid content-type"}', {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status: 400,
|
||||||
|
});
|
||||||
|
|
||||||
|
let body: { [k: string]: any };
|
||||||
|
|
||||||
|
try {
|
||||||
|
body = await context.request.json();
|
||||||
|
} catch {
|
||||||
|
return new Response('{"error":"Invalid JSON"}', {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status: 400,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
context.data.body = body;
|
||||||
|
}
|
||||||
|
|
||||||
|
return await context.next();
|
||||||
|
}
|
||||||
|
|
||||||
|
async function setHeaders(context: RequestContext) {
|
||||||
|
const response = await context.next();
|
||||||
|
|
||||||
|
const rtvValues = [
|
||||||
|
"Aldaria",
|
||||||
|
"Altadena",
|
||||||
|
"DEMA",
|
||||||
|
"Dragonborn",
|
||||||
|
"Hollywood",
|
||||||
|
"Parkway East",
|
||||||
|
"Parkway North",
|
||||||
|
"Parkway West",
|
||||||
|
"Tokyo",
|
||||||
|
"Wintervale",
|
||||||
|
];
|
||||||
|
|
||||||
|
response.headers.set(
|
||||||
|
"RTV",
|
||||||
|
rtvValues[Math.round(Math.random() * (rtvValues.length - 1))]
|
||||||
|
);
|
||||||
|
response.headers.set("X-Frame-Options", "DENY");
|
||||||
|
response.headers.set("X-XSS-Protection", "1; mode=block");
|
||||||
|
|
||||||
|
return response;
|
||||||
|
}
|
||||||
|
|
||||||
|
export const onRequest = [setAuth, constructHTML, setBody, setHeaders];
|
||||||
113
functions/api/appeals/submit.ts
Normal file
113
functions/api/appeals/submit.ts
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
export async function onRequestPost(context: RequestContext) {
|
||||||
|
const { learned, whyBanned, whyUnban } = context.data.body;
|
||||||
|
|
||||||
|
if (
|
||||||
|
typeof learned !== "string" ||
|
||||||
|
typeof whyBanned !== "string" ||
|
||||||
|
typeof whyUnban !== "string" ||
|
||||||
|
!learned.length ||
|
||||||
|
learned.length > 2000 ||
|
||||||
|
!whyBanned.length ||
|
||||||
|
whyBanned.length > 500 ||
|
||||||
|
!whyUnban.length ||
|
||||||
|
whyUnban.length > 2000
|
||||||
|
)
|
||||||
|
return new Response(
|
||||||
|
'{"error":"One or more fields are missing or invalid"}',
|
||||||
|
{
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status: 400,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
const { current_user: currentUser } = context.data;
|
||||||
|
|
||||||
|
if (!currentUser.email)
|
||||||
|
return new Response('{"error":"No email for this session"}', {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status: 403,
|
||||||
|
});
|
||||||
|
|
||||||
|
const existingAppeals = await context.env.DATA.list({
|
||||||
|
prefix: `appeal_${currentUser.id}`,
|
||||||
|
});
|
||||||
|
const existingBlockedAppeal = await context.env.DATA.get(
|
||||||
|
`blockedappeal_${currentUser.id}`
|
||||||
|
);
|
||||||
|
|
||||||
|
if (
|
||||||
|
existingBlockedAppeal ||
|
||||||
|
existingAppeals.keys.find(
|
||||||
|
(appeal) => (appeal.metadata as { [k: string]: any })?.open
|
||||||
|
)
|
||||||
|
)
|
||||||
|
return new Response('{"error":"Appeal already submitted"}', {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status: 403,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (await context.env.DATA.get(`appealban_${currentUser.id}`)) {
|
||||||
|
await context.env.DATA.put(`blockedappeal_${currentUser.id}`, "1", {
|
||||||
|
metadata: { email: currentUser.email },
|
||||||
|
});
|
||||||
|
|
||||||
|
return new Response(null, {
|
||||||
|
status: 204,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
const appealId = `${currentUser.id}${Date.now()}${crypto
|
||||||
|
.randomUUID()
|
||||||
|
.replaceAll("-", "")}`;
|
||||||
|
|
||||||
|
await context.env.DATA.put(
|
||||||
|
`appeal_${appealId}`,
|
||||||
|
JSON.stringify({
|
||||||
|
learned,
|
||||||
|
user: currentUser,
|
||||||
|
whyBanned,
|
||||||
|
whyUnban,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
expirationTtl: 94608000,
|
||||||
|
metadata: {
|
||||||
|
created_at: Date.now(),
|
||||||
|
id: currentUser.id,
|
||||||
|
open: true,
|
||||||
|
tag: `${currentUser.id}#${currentUser.discriminator}`,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
await fetch(context.env.APPEALS_WEBHOOK, {
|
||||||
|
body: JSON.stringify({
|
||||||
|
embeds: [
|
||||||
|
{
|
||||||
|
title: "Appeal Submitted",
|
||||||
|
color: 3756250,
|
||||||
|
description: `View this appeal at https://carcrushers.cc/mod-queue?id=${appealId}&type=appeal`,
|
||||||
|
fields: [
|
||||||
|
{
|
||||||
|
name: "Submitter",
|
||||||
|
value: `${currentUser.username}#${currentUser.discriminator} (${currentUser.id})`,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
method: "POST",
|
||||||
|
});
|
||||||
|
|
||||||
|
return new Response(null, {
|
||||||
|
status: 204,
|
||||||
|
});
|
||||||
|
}
|
||||||
21
functions/api/appeals/toggle.ts
Normal file
21
functions/api/appeals/toggle.ts
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
export async function onRequestPost(context: RequestContext) {
|
||||||
|
const { active } = context.data.body;
|
||||||
|
|
||||||
|
if (typeof active !== "boolean")
|
||||||
|
return new Response('{"error":"Active property must be a boolean"}', {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status: 400,
|
||||||
|
});
|
||||||
|
|
||||||
|
if (active) {
|
||||||
|
await context.env.DATA.delete("appeal_disabled");
|
||||||
|
} else {
|
||||||
|
await context.env.DATA.put("appeal_disabled", "1");
|
||||||
|
}
|
||||||
|
|
||||||
|
return new Response(null, {
|
||||||
|
status: 204,
|
||||||
|
});
|
||||||
|
}
|
||||||
20
functions/api/auth/oauth.ts
Normal file
20
functions/api/auth/oauth.ts
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
export async function onRequestGet(context: RequestContext) {
|
||||||
|
const { env, request } = context;
|
||||||
|
const { host, protocol } = new URL(request.url);
|
||||||
|
let returnPath = "/";
|
||||||
|
const referer = request.headers.get("referer");
|
||||||
|
|
||||||
|
if (referer) returnPath = new URL(referer).pathname;
|
||||||
|
|
||||||
|
const state = crypto.randomUUID().replaceAll("-", "");
|
||||||
|
|
||||||
|
await env.DATA.put(`state_${state}`, returnPath, { expirationTtl: 300 });
|
||||||
|
|
||||||
|
return Response.redirect(
|
||||||
|
`https://discord.com/oauth2/authorize?client_id=${
|
||||||
|
env.DISCORD_ID
|
||||||
|
}&redirect_uri=${encodeURIComponent(
|
||||||
|
`${protocol}//${host}/api/auth/session`
|
||||||
|
)}&response_type=code&scope=identify%20email%20guilds.members.read&state=${state}`
|
||||||
|
);
|
||||||
|
}
|
||||||
207
functions/api/auth/session.ts
Normal file
207
functions/api/auth/session.ts
Normal file
@ -0,0 +1,207 @@
|
|||||||
|
import GetPermissions from "../../permissions";
|
||||||
|
|
||||||
|
async function generateTokenHash(token: string): Promise<string> {
|
||||||
|
const hash = await crypto.subtle.digest(
|
||||||
|
"SHA-512",
|
||||||
|
new TextEncoder().encode(token)
|
||||||
|
);
|
||||||
|
return btoa(String.fromCharCode(...new Uint8Array(hash)))
|
||||||
|
.replace(/\+/g, "-")
|
||||||
|
.replace(/\//g, "_")
|
||||||
|
.replace(/=/g, "");
|
||||||
|
}
|
||||||
|
|
||||||
|
function response(body: string, status: number) {
|
||||||
|
return new Response(body, {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function onRequestDelete(context: RequestContext) {
|
||||||
|
const cookies = context.request.headers.get("cookie")?.split("; ");
|
||||||
|
|
||||||
|
if (!cookies) return response('{"error":"Not logged in"}', 401);
|
||||||
|
|
||||||
|
for (const cookie of cookies) {
|
||||||
|
const [name, value] = cookie.split("=");
|
||||||
|
|
||||||
|
if (name !== "_s") continue;
|
||||||
|
|
||||||
|
await context.env.DATA.delete(`auth_${await generateTokenHash(value)}`);
|
||||||
|
|
||||||
|
return new Response(null, {
|
||||||
|
headers: {
|
||||||
|
"set-cookie": "_s=; Max-Age=0",
|
||||||
|
},
|
||||||
|
status: 204,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function onRequestGet(context: RequestContext) {
|
||||||
|
const { host, protocol, searchParams } = new URL(context.request.url);
|
||||||
|
const code = searchParams.get("code");
|
||||||
|
const state = searchParams.get("state");
|
||||||
|
|
||||||
|
if (!code) return response('{"error":"Missing code"}', 400);
|
||||||
|
if (!state) return response('{"error":"Missing state"}', 400);
|
||||||
|
|
||||||
|
const stateRedirect = await context.env.DATA.get(`state_${state}`);
|
||||||
|
|
||||||
|
if (!stateRedirect) return response('{"error":"Invalid state"}', 400);
|
||||||
|
|
||||||
|
const tokenReq = await fetch("https://discord.com/api/oauth2/token", {
|
||||||
|
body: new URLSearchParams({
|
||||||
|
code,
|
||||||
|
grant_type: "authorization_code",
|
||||||
|
redirect_uri: `${protocol}//${host}/api/auth/session`,
|
||||||
|
}).toString(),
|
||||||
|
headers: {
|
||||||
|
authorization: `Basic ${btoa(
|
||||||
|
context.env.DISCORD_ID + ":" + context.env.DISCORD_SECRET
|
||||||
|
)}`,
|
||||||
|
"content-type": "application/x-www-form-urlencoded",
|
||||||
|
},
|
||||||
|
method: "POST",
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!tokenReq.ok) {
|
||||||
|
console.log(await tokenReq.text());
|
||||||
|
|
||||||
|
return response('{"error":"Failed to redeem code"}', 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
const tokenData: {
|
||||||
|
access_token: string;
|
||||||
|
expires_in: number;
|
||||||
|
refresh_token: string;
|
||||||
|
scope: string;
|
||||||
|
token_type: string;
|
||||||
|
} = await tokenReq.json();
|
||||||
|
|
||||||
|
if (tokenData.scope.search("guilds.members.read") === -1)
|
||||||
|
return response('{"error":"Do not touch the scopes!"}', 400);
|
||||||
|
|
||||||
|
let userData: { [k: string]: any } = {
|
||||||
|
...tokenData,
|
||||||
|
refresh_at: Date.now() + tokenData.expires_in * 1000 - 86400000,
|
||||||
|
};
|
||||||
|
|
||||||
|
const userReq = await fetch("https://discord.com/api/v10/users/@me", {
|
||||||
|
headers: {
|
||||||
|
authorization: `Bearer ${tokenData.access_token}`,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!userReq.ok) {
|
||||||
|
console.log(await userReq.text());
|
||||||
|
return response('{"error":"Failed to retrieve user"}', 500);
|
||||||
|
}
|
||||||
|
|
||||||
|
const apiUser: { [k: string]: any } = await userReq.json();
|
||||||
|
userData = {
|
||||||
|
...userData,
|
||||||
|
...apiUser,
|
||||||
|
};
|
||||||
|
|
||||||
|
const serverMemberReq = await fetch(
|
||||||
|
"https://discord.com/api/v10/users/@me/guilds/242263977986359297/member",
|
||||||
|
{
|
||||||
|
headers: {
|
||||||
|
authorization: `Bearer ${tokenData.access_token}`,
|
||||||
|
},
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
const memberData: { [k: string]: any } = await serverMemberReq.json();
|
||||||
|
|
||||||
|
if (serverMemberReq.ok) {
|
||||||
|
userData.permissions = GetPermissions(userData.id, memberData.roles);
|
||||||
|
userData.roles = memberData.roles;
|
||||||
|
} else {
|
||||||
|
userData.permissions = GetPermissions(userData.id);
|
||||||
|
}
|
||||||
|
|
||||||
|
const tokenPrefixes = [
|
||||||
|
"ABOVE-THE-SKY",
|
||||||
|
"BANDITO",
|
||||||
|
"BE-CONCERNED",
|
||||||
|
"CAR-RADIO",
|
||||||
|
"CHEESE",
|
||||||
|
"CHLORINE",
|
||||||
|
"CRAZY-EQUALS-GENIUS",
|
||||||
|
"CUBICLES",
|
||||||
|
"DEAD",
|
||||||
|
"DEMOLITION-LOVERS",
|
||||||
|
"DEVIL-DOGS",
|
||||||
|
"DOUBT",
|
||||||
|
"DREADNOUGHT",
|
||||||
|
"DYING-IN-LA",
|
||||||
|
"FAIRLY-LOCAL",
|
||||||
|
"FORMIDABLE",
|
||||||
|
"GATES-OF-GLORY",
|
||||||
|
"GIRLS-GIRLS-BOYS",
|
||||||
|
"GONER",
|
||||||
|
"HEATHENS",
|
||||||
|
"HEAVYDIRTYSOUL",
|
||||||
|
"HELENA",
|
||||||
|
"HYDRA",
|
||||||
|
"I-WRITE-SINS-NOT-TRAGEDIES",
|
||||||
|
"KITCHEN-SINK",
|
||||||
|
"LEVITATE",
|
||||||
|
"LOCAL-GOD",
|
||||||
|
"MAGGIE",
|
||||||
|
"MAMA",
|
||||||
|
"MONTANA",
|
||||||
|
"NERO-FORTE",
|
||||||
|
"NOOB",
|
||||||
|
"NOT-TODAY",
|
||||||
|
"NO-CHANCES",
|
||||||
|
"POLARIZE",
|
||||||
|
"PSYCHO",
|
||||||
|
"ROMANCE",
|
||||||
|
"SAD-CLOWN",
|
||||||
|
"SATURDAY",
|
||||||
|
"SAY-IT-LOUDER",
|
||||||
|
"SEMI-AUTOMATIC",
|
||||||
|
"TEENAGERS",
|
||||||
|
"THUNDERSWORD",
|
||||||
|
"TOKYO-DRIFTING",
|
||||||
|
"TRAPDOOR",
|
||||||
|
"TREES",
|
||||||
|
"UMA-THURMAN",
|
||||||
|
"UNSAINTED",
|
||||||
|
"VERMILION",
|
||||||
|
"VERSAILLES",
|
||||||
|
"VICTORIOUS",
|
||||||
|
"VIVA-LAS-VENGEANCE",
|
||||||
|
"XIX",
|
||||||
|
];
|
||||||
|
|
||||||
|
const selectedTokenStart =
|
||||||
|
tokenPrefixes[Math.round(Math.random() * (tokenPrefixes.length - 1))] + "_";
|
||||||
|
|
||||||
|
const authToken =
|
||||||
|
selectedTokenStart +
|
||||||
|
`${crypto.randomUUID()}${crypto.randomUUID()}${crypto.randomUUID()}${crypto.randomUUID()}`.replaceAll(
|
||||||
|
"-",
|
||||||
|
""
|
||||||
|
);
|
||||||
|
|
||||||
|
const tokenHash = await generateTokenHash(authToken);
|
||||||
|
|
||||||
|
await context.env.DATA.put(`auth_${tokenHash}`, JSON.stringify(userData), {
|
||||||
|
expirationTtl: tokenData.expires_in,
|
||||||
|
});
|
||||||
|
|
||||||
|
return new Response(null, {
|
||||||
|
headers: {
|
||||||
|
location: stateRedirect,
|
||||||
|
"set-cookie": `_s=${authToken}; HttpOnly; Max-Age=${tokenData.expires_in}; Path=/; SameSite=Lax; Secure`,
|
||||||
|
},
|
||||||
|
status: 302,
|
||||||
|
});
|
||||||
|
}
|
||||||
54
functions/api/reports/complete.ts
Normal file
54
functions/api/reports/complete.ts
Normal file
@ -0,0 +1,54 @@
|
|||||||
|
export async function onRequestPost(context: RequestContext) {
|
||||||
|
const { id } = context.data.body;
|
||||||
|
|
||||||
|
if (!id)
|
||||||
|
return new Response('{"error":"No ID provided"}', {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status: 400,
|
||||||
|
});
|
||||||
|
|
||||||
|
const userId = await context.env.DATA.get(`reportprocessing_${id}`);
|
||||||
|
|
||||||
|
if (!userId || userId !== context.data.current_user.id)
|
||||||
|
return new Response('{"error":"No report with that ID is processing"}', {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status: 404,
|
||||||
|
});
|
||||||
|
|
||||||
|
await context.env.DATA.delete(`reportprocessing_${id}`);
|
||||||
|
|
||||||
|
const {
|
||||||
|
metadata,
|
||||||
|
value,
|
||||||
|
}: KVNamespaceGetWithMetadataResult<string, { [k: string]: any }> =
|
||||||
|
await context.env.DATA.getWithMetadata(`report_${id}`);
|
||||||
|
|
||||||
|
delete metadata?.p;
|
||||||
|
await context.env.DATA.put(`report_${id}`, value as string, { metadata });
|
||||||
|
|
||||||
|
if (context.env.REPORTS_WEBHOOK) {
|
||||||
|
await fetch(context.env.REPORTS_WEBHOOK, {
|
||||||
|
body: JSON.stringify({
|
||||||
|
embeds: [
|
||||||
|
{
|
||||||
|
title: "Report Submitted",
|
||||||
|
color: 3756250,
|
||||||
|
description: `View this report at https://carcrushers.cc/mod-queue?id=${id}&type=game-report`,
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
method: "POST",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
return new Response(null, {
|
||||||
|
status: 204,
|
||||||
|
});
|
||||||
|
}
|
||||||
27
functions/api/reports/recall.ts
Normal file
27
functions/api/reports/recall.ts
Normal file
@ -0,0 +1,27 @@
|
|||||||
|
export async function onRequestPost(context: RequestContext) {
|
||||||
|
const { id } = context.data.body;
|
||||||
|
|
||||||
|
if (!id)
|
||||||
|
return new Response('{"error":"No ID provided"}', {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status: 400,
|
||||||
|
});
|
||||||
|
|
||||||
|
const reportUserId = await context.env.DATA.get(`reportprocessing_${id}`);
|
||||||
|
|
||||||
|
if (!reportUserId || context.data.current_user.id !== reportUserId)
|
||||||
|
return new Response('{"error":"No processing report with that ID found"}', {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status: 404,
|
||||||
|
});
|
||||||
|
|
||||||
|
await context.env.DATA.delete(`report_${id}`);
|
||||||
|
|
||||||
|
return new Response(null, {
|
||||||
|
status: 204,
|
||||||
|
});
|
||||||
|
}
|
||||||
154
functions/api/reports/submit.ts
Normal file
154
functions/api/reports/submit.ts
Normal file
@ -0,0 +1,154 @@
|
|||||||
|
import { GenerateUploadURL } from "../../gcloud";
|
||||||
|
|
||||||
|
function errorResponse(error: string, status: number): Response {
|
||||||
|
return new Response(JSON.stringify({ error }), {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
status,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function onRequestPost(context: RequestContext) {
|
||||||
|
const { filename, filesize, usernames } = context.data.body;
|
||||||
|
|
||||||
|
if (!Array.isArray(usernames))
|
||||||
|
return errorResponse("Usernames must be type of array", 400);
|
||||||
|
|
||||||
|
if (typeof filename !== "string")
|
||||||
|
return errorResponse("Invalid file name", 400);
|
||||||
|
|
||||||
|
if (typeof filesize !== "number" || filesize < 0 || filesize > 536870912)
|
||||||
|
return errorResponse("Invalid file size", 400);
|
||||||
|
|
||||||
|
if (!usernames.length || usernames.length > 20)
|
||||||
|
return errorResponse(
|
||||||
|
"Number of usernames provided must be between 1 and 20",
|
||||||
|
400
|
||||||
|
);
|
||||||
|
|
||||||
|
for (const username of usernames) {
|
||||||
|
if (
|
||||||
|
username.length < 3 ||
|
||||||
|
username.length > 20 ||
|
||||||
|
username.match(/_/g)?.length > 1
|
||||||
|
)
|
||||||
|
return errorResponse(`Username "${username}" is invalid`, 400);
|
||||||
|
}
|
||||||
|
|
||||||
|
const rbxSearchReq = await fetch(
|
||||||
|
"https://users.roblox.com/v1/usernames/users",
|
||||||
|
{
|
||||||
|
body: JSON.stringify({
|
||||||
|
usernames,
|
||||||
|
excludeBannedUsers: true,
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
method: "POST",
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
if (!rbxSearchReq.ok)
|
||||||
|
return errorResponse(
|
||||||
|
"Failed to locate Roblox users due to upstream error",
|
||||||
|
500
|
||||||
|
);
|
||||||
|
|
||||||
|
const rbxSearchData: { data: { [k: string]: any }[] } =
|
||||||
|
await rbxSearchReq.json();
|
||||||
|
|
||||||
|
if (rbxSearchData.data.length < usernames.length) {
|
||||||
|
const missingUsers = [];
|
||||||
|
|
||||||
|
for (const userData of rbxSearchData.data) {
|
||||||
|
if (!usernames.includes(userData.requestedUsername))
|
||||||
|
missingUsers.push(userData.requestedUsername);
|
||||||
|
}
|
||||||
|
|
||||||
|
return errorResponse(
|
||||||
|
`The following users do not exist or are banned from Roblox: ${missingUsers.toString()}`,
|
||||||
|
400
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
const metaIDs = [];
|
||||||
|
const metaNames = [];
|
||||||
|
|
||||||
|
for (const data of rbxSearchData.data) {
|
||||||
|
metaIDs.push(data.id);
|
||||||
|
metaNames.push(data.name);
|
||||||
|
}
|
||||||
|
|
||||||
|
const fileParts = filename.split(".");
|
||||||
|
let fileExt = fileParts[fileParts.length - 1];
|
||||||
|
|
||||||
|
if (
|
||||||
|
fileParts.length < 2 ||
|
||||||
|
![
|
||||||
|
"mkv",
|
||||||
|
"mp4",
|
||||||
|
"wmv",
|
||||||
|
"jpg",
|
||||||
|
"png",
|
||||||
|
"m4v",
|
||||||
|
"jpeg",
|
||||||
|
"jfif",
|
||||||
|
"gif",
|
||||||
|
"webm",
|
||||||
|
"heif",
|
||||||
|
"heic",
|
||||||
|
"webp",
|
||||||
|
"mov",
|
||||||
|
].includes(fileExt.toLowerCase())
|
||||||
|
)
|
||||||
|
return errorResponse("This type of file cannot be uploaded", 415);
|
||||||
|
|
||||||
|
const fileKey = `${crypto.randomUUID().replaceAll("-", "")}/${crypto
|
||||||
|
.randomUUID()
|
||||||
|
.replaceAll("-", "")}${context.request.headers.get("cf-ray")}${Date.now()}`;
|
||||||
|
|
||||||
|
const reportId = `${Date.now()}${context.request.headers.get(
|
||||||
|
"cf-ray"
|
||||||
|
)}${crypto.randomUUID().replaceAll("-", "")}`;
|
||||||
|
|
||||||
|
const uploadUrl = await GenerateUploadURL(
|
||||||
|
context.env,
|
||||||
|
fileKey,
|
||||||
|
filesize,
|
||||||
|
fileExt
|
||||||
|
);
|
||||||
|
|
||||||
|
await context.env.DATA.put(
|
||||||
|
`reportprocessing_${reportId}`,
|
||||||
|
context.data.current_user.id,
|
||||||
|
{ expirationTtl: 3600 }
|
||||||
|
);
|
||||||
|
await context.env.DATA.put(
|
||||||
|
`report_${reportId}`,
|
||||||
|
JSON.stringify({
|
||||||
|
attachment: `${fileKey}.${
|
||||||
|
["mkv", "mov", "wmv"].includes(fileExt.toLowerCase()) ? "mp4" : fileExt
|
||||||
|
}`,
|
||||||
|
reporter: context.data.current_user,
|
||||||
|
target_ids: metaIDs,
|
||||||
|
target_usernames: metaNames,
|
||||||
|
}),
|
||||||
|
{
|
||||||
|
metadata: {
|
||||||
|
i: context.data.current_user.id,
|
||||||
|
r: metaIDs.toString(),
|
||||||
|
p: true,
|
||||||
|
s: `${context.data.current_user.username}#${context.data.current_user.discriminator}`,
|
||||||
|
u: metaNames.toString(),
|
||||||
|
},
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
return new Response(JSON.stringify({ id: reportId, upload_url: uploadUrl }), {
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
109
functions/gcloud.ts
Normal file
109
functions/gcloud.ts
Normal file
@ -0,0 +1,109 @@
|
|||||||
|
function arrBufToB64Url(buf: ArrayBuffer) {
|
||||||
|
const b64data = btoa(String.fromCharCode(...new Uint8Array(buf)));
|
||||||
|
return b64data.replace(/=/g, "").replace(/\+/g, "-").replace(/\//g, "_");
|
||||||
|
}
|
||||||
|
|
||||||
|
function stringToBuffer(str: string) {
|
||||||
|
const buffer = new ArrayBuffer(str.length);
|
||||||
|
const ui8 = new Uint8Array(buffer);
|
||||||
|
for (let i = 0, bufLen = str.length; i < bufLen; i++) {
|
||||||
|
ui8[i] = str.charCodeAt(i);
|
||||||
|
}
|
||||||
|
return buffer;
|
||||||
|
}
|
||||||
|
|
||||||
|
export async function GenerateUploadURL(
|
||||||
|
env: Env,
|
||||||
|
path: string,
|
||||||
|
size: number,
|
||||||
|
fileExt: string
|
||||||
|
): Promise<string> {
|
||||||
|
const accessToken = await GetAccessToken(env);
|
||||||
|
const contentTypes: { [k: string]: string } = {
|
||||||
|
gif: "image/gif",
|
||||||
|
heic: "image/heic",
|
||||||
|
heif: "image/heif",
|
||||||
|
jfif: "image/jpeg",
|
||||||
|
jpeg: "image/jpeg",
|
||||||
|
jpg: "image/jpeg",
|
||||||
|
m4v: "video/x-m4v",
|
||||||
|
mkv: "video/x-matroska",
|
||||||
|
mov: "video/quicktime",
|
||||||
|
mp4: "video/mp4",
|
||||||
|
png: "image/png",
|
||||||
|
webp: "image/webp",
|
||||||
|
webm: "video/webm",
|
||||||
|
wmv: "video/x-ms-wmv",
|
||||||
|
};
|
||||||
|
|
||||||
|
const resumableUploadReq = await fetch(
|
||||||
|
`https://storage.googleapis.com/upload/storage/v1/b/portal-carcrushers-cc/o?uploadType=resumable&name=${encodeURIComponent(
|
||||||
|
path
|
||||||
|
)}`,
|
||||||
|
{
|
||||||
|
headers: {
|
||||||
|
authorization: `Bearer ${accessToken}`,
|
||||||
|
"x-upload-content-type": contentTypes[fileExt],
|
||||||
|
"x-upload-content-length": size.toString(),
|
||||||
|
},
|
||||||
|
method: "POST",
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
if (!resumableUploadReq.ok)
|
||||||
|
throw new Error(
|
||||||
|
`Failed to create resumable upload: ${await resumableUploadReq.text()}`
|
||||||
|
);
|
||||||
|
|
||||||
|
const url = resumableUploadReq.headers.get("location");
|
||||||
|
|
||||||
|
if (!url) throw new Error("No location header returned");
|
||||||
|
|
||||||
|
return url;
|
||||||
|
}
|
||||||
|
|
||||||
|
async function GetAccessToken(env: Env): Promise<string> {
|
||||||
|
const claimSet = btoa(
|
||||||
|
JSON.stringify({
|
||||||
|
aud: "https://oauth2.googleapis.com/token",
|
||||||
|
exp: Math.floor(Date.now() / 1000) + 120,
|
||||||
|
iat: Math.floor(Date.now() / 1000),
|
||||||
|
iss: env.WORKER_GSERVICEACCOUNT,
|
||||||
|
scope:
|
||||||
|
"https://www.googleapis.com/auth/datastore https://www.googleapis.com/auth/devstorage.read_write",
|
||||||
|
})
|
||||||
|
)
|
||||||
|
.replaceAll("+", "-")
|
||||||
|
.replaceAll("/", "_")
|
||||||
|
.replaceAll("=", "");
|
||||||
|
|
||||||
|
const signingKey = await crypto.subtle.importKey(
|
||||||
|
"pkcs8",
|
||||||
|
stringToBuffer(
|
||||||
|
atob(env.STORAGE_ACCOUNT_KEY.replace(/(\r\n|\n|\r)/gm, ""))
|
||||||
|
),
|
||||||
|
{ name: "RSASSA-PKCS1-v1_5", hash: "SHA-256" },
|
||||||
|
false,
|
||||||
|
["sign"]
|
||||||
|
);
|
||||||
|
const signature = await crypto.subtle.sign(
|
||||||
|
{ name: "RSASSA-PKCS1-v1_5", hash: "SHA-256" },
|
||||||
|
signingKey,
|
||||||
|
stringToBuffer(`eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.${claimSet}`)
|
||||||
|
);
|
||||||
|
const assertion = `eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.${claimSet}.${arrBufToB64Url(
|
||||||
|
signature
|
||||||
|
)}`;
|
||||||
|
const tokenRequest = await fetch("https://oauth2.googleapis.com/token", {
|
||||||
|
body: `grant_type=urn%3Aietf%3Aparams%3Aoauth%3Agrant-type%3Ajwt-bearer&assertion=${assertion}`,
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/x-www-form-urlencoded",
|
||||||
|
},
|
||||||
|
method: "POST",
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!tokenRequest.ok)
|
||||||
|
throw new Error(`Failed to get access token: ${await tokenRequest.text()}`);
|
||||||
|
|
||||||
|
return ((await tokenRequest.json()) as { [k: string]: any }).access_token;
|
||||||
|
}
|
||||||
36
functions/permissions.ts
Normal file
36
functions/permissions.ts
Normal file
@ -0,0 +1,36 @@
|
|||||||
|
export default function (userid: string, roles?: string[]): number {
|
||||||
|
let permissions = 0;
|
||||||
|
|
||||||
|
if (roles?.includes("374851061233614849")) permissions |= 1 << 0; // Administration
|
||||||
|
if (!roles) permissions |= 1 << 1;
|
||||||
|
if (roles?.includes("593209890949038082")) permissions |= 1 << 2; // Discord Moderator
|
||||||
|
if (roles?.includes("391986108763996160")) permissions |= 1 << 3; // Events Team
|
||||||
|
if (roles?.includes("607697704419852289")) permissions |= 1 << 4; // Events Team Management
|
||||||
|
if (
|
||||||
|
[
|
||||||
|
"165594923586945025",
|
||||||
|
"289372404541554689",
|
||||||
|
"320758924850757633",
|
||||||
|
"396347223736057866",
|
||||||
|
"704247919259156521",
|
||||||
|
"891710683371167795",
|
||||||
|
].includes(userid)
|
||||||
|
)
|
||||||
|
permissions |= 1 << 5;
|
||||||
|
if (
|
||||||
|
roles?.includes("542750631161626636") ||
|
||||||
|
roles?.includes("542750839291248640")
|
||||||
|
)
|
||||||
|
permissions |= 1 << 6; // Head of Wall Moderation
|
||||||
|
if (roles?.includes("684406593214742548")) permissions |= 1 << 7; // Head of Forum Moderation
|
||||||
|
if (roles?.includes("784870326990405672")) permissions |= 1 << 8; // Data Team
|
||||||
|
if (roles?.includes("298438715380858881")) permissions |= 1 << 9; // Wall Moderator
|
||||||
|
if (roles?.includes("681632342346825879")) permissions |= 1 << 10; // Forum Moderator
|
||||||
|
if (
|
||||||
|
roles?.includes("321710070519955457") ||
|
||||||
|
roles?.includes("338102086095077376")
|
||||||
|
)
|
||||||
|
permissions |= 1 << 11; // Head of Discord Moderation
|
||||||
|
|
||||||
|
return permissions;
|
||||||
|
}
|
||||||
79
index.css
Normal file
79
index.css
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
:root {
|
||||||
|
font-family: Inter, Avenir, Helvetica, Arial, sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 24px;
|
||||||
|
font-weight: 400;
|
||||||
|
|
||||||
|
color-scheme: light dark;
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background-color: #242424;
|
||||||
|
|
||||||
|
font-synthesis: none;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-weight: 500;
|
||||||
|
color: #646cff;
|
||||||
|
text-decoration: inherit;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #535bf2;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 3.2em;
|
||||||
|
line-height: 1.1;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
padding: 0.6em 1.2em;
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: 500;
|
||||||
|
font-family: inherit;
|
||||||
|
background-color: #1a1a1a;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: border-color 0.25s;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
border-color: #646cff;
|
||||||
|
}
|
||||||
|
button:focus,
|
||||||
|
button:focus-visible {
|
||||||
|
outline: 4px auto -webkit-focus-ring-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
:root {
|
||||||
|
color: #213547;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #747bff;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#root {
|
||||||
|
max-width: 1280px;
|
||||||
|
min-height: 100vh;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 2rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.card {
|
||||||
|
padding: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
::file-selector-button {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
24
index.d.ts
vendored
Normal file
24
index.d.ts
vendored
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
/// <reference types="vite/client" />
|
||||||
|
|
||||||
|
import { type PageContextBuiltIn } from "vite-plugin-ssr";
|
||||||
|
|
||||||
|
declare global {
|
||||||
|
interface Env {
|
||||||
|
ASSETS: Fetcher;
|
||||||
|
DATA: KVNamespace;
|
||||||
|
[k: string]: string;
|
||||||
|
}
|
||||||
|
|
||||||
|
type RequestContext = EventContext<Env, string, { [k: string]: any }>;
|
||||||
|
interface PageContext extends PageContextBuiltIn {
|
||||||
|
current_user?: { [k: string]: any };
|
||||||
|
kv: KVNamespace;
|
||||||
|
pageProps: {
|
||||||
|
[k: string]: any;
|
||||||
|
};
|
||||||
|
requireAuth?: boolean;
|
||||||
|
status: number;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export {};
|
||||||
7000
package-lock.json
generated
Normal file
7000
package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
33
package.json
Normal file
33
package.json
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
{
|
||||||
|
"name": "car-crushers-portal",
|
||||||
|
"private": true,
|
||||||
|
"version": "0.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "tsc && vite build",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"@chakra-ui/react": "^2.4.9",
|
||||||
|
"@emotion/react": "^11.10.5",
|
||||||
|
"@emotion/styled": "^11.10.5",
|
||||||
|
"@fontsource/plus-jakarta-sans": "^4.5.11",
|
||||||
|
"@sentry/react": "^7.34.0",
|
||||||
|
"@sentry/tracing": "^7.34.0",
|
||||||
|
"framer-motion": "^8.5.4",
|
||||||
|
"react": "^18.2.0",
|
||||||
|
"react-dom": "^18.2.0"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"@cloudflare/workers-types": "^4.20230115.0",
|
||||||
|
"@types/react": "^18.0.27",
|
||||||
|
"@types/react-dom": "^18.0.10",
|
||||||
|
"@vitejs/plugin-react": "^3.0.1",
|
||||||
|
"esbuild": "^0.17.5",
|
||||||
|
"prettier": "^2.8.3",
|
||||||
|
"typescript": "^4.9.4",
|
||||||
|
"vite": "^4.0.4",
|
||||||
|
"vite-plugin-ssr": "^0.4.71"
|
||||||
|
}
|
||||||
|
}
|
||||||
43
pages/appeals.page.server.tsx
Normal file
43
pages/appeals.page.server.tsx
Normal file
@ -0,0 +1,43 @@
|
|||||||
|
export async function onBeforeRender(pageContext: PageContext) {
|
||||||
|
if (!pageContext.current_user)
|
||||||
|
return {
|
||||||
|
pageContext: {
|
||||||
|
pageProps: {
|
||||||
|
logged_in: false,
|
||||||
|
},
|
||||||
|
status: 401,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
|
||||||
|
const blockedAppeal = await pageContext.kv?.get(
|
||||||
|
`blockedappeal_${pageContext.current_user.id}`
|
||||||
|
);
|
||||||
|
const disabledStatus = await pageContext.kv?.get("appeal_disabled");
|
||||||
|
const openAppeals = await pageContext.kv?.list({
|
||||||
|
prefix: `appeal_${pageContext.current_user.id}`,
|
||||||
|
});
|
||||||
|
|
||||||
|
return {
|
||||||
|
pageContext: {
|
||||||
|
pageProps: {
|
||||||
|
can_appeal:
|
||||||
|
!Boolean(disabledStatus) &&
|
||||||
|
!Boolean(blockedAppeal) &&
|
||||||
|
!Boolean(
|
||||||
|
openAppeals.keys.find(
|
||||||
|
(appeal) => (appeal.metadata as { [k: string]: any }).open
|
||||||
|
)
|
||||||
|
),
|
||||||
|
can_toggle:
|
||||||
|
pageContext.current_user?.permissions & (1 << 0) ||
|
||||||
|
pageContext.current_user?.permissions & (1 << 11),
|
||||||
|
disabled: Boolean(disabledStatus),
|
||||||
|
logged_in: true,
|
||||||
|
},
|
||||||
|
status: pageContext.current_user ? 200 : 401,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export const description = "Appeal your Discord ban here.";
|
||||||
|
export const title = "Appeals - Car Crushers";
|
||||||
205
pages/appeals.page.tsx
Normal file
205
pages/appeals.page.tsx
Normal file
@ -0,0 +1,205 @@
|
|||||||
|
import {
|
||||||
|
Alert,
|
||||||
|
AlertDescription,
|
||||||
|
AlertIcon,
|
||||||
|
AlertTitle,
|
||||||
|
Box,
|
||||||
|
Button,
|
||||||
|
Container,
|
||||||
|
Flex,
|
||||||
|
Heading,
|
||||||
|
Modal,
|
||||||
|
ModalBody,
|
||||||
|
ModalCloseButton,
|
||||||
|
ModalContent,
|
||||||
|
ModalFooter,
|
||||||
|
ModalHeader,
|
||||||
|
ModalOverlay,
|
||||||
|
Spacer,
|
||||||
|
Text,
|
||||||
|
Textarea,
|
||||||
|
useDisclosure,
|
||||||
|
useToast,
|
||||||
|
} from "@chakra-ui/react";
|
||||||
|
import { useState } from "react";
|
||||||
|
import Login from "../components/Login";
|
||||||
|
import Success from "../components/Success";
|
||||||
|
|
||||||
|
export function Page(pageProps: { [p: string]: any }) {
|
||||||
|
if (!pageProps.logged_in) return <Login />;
|
||||||
|
|
||||||
|
const { isOpen, onClose, onOpen } = useDisclosure();
|
||||||
|
const [showSuccess, setShowSuccess] = useState(false);
|
||||||
|
const toast = useToast();
|
||||||
|
|
||||||
|
async function submit() {
|
||||||
|
const learned = (document.getElementById("learned") as HTMLInputElement)
|
||||||
|
.value;
|
||||||
|
const whyBanned = (document.getElementById("whyBanned") as HTMLInputElement)
|
||||||
|
.value;
|
||||||
|
const whyUnban = (document.getElementById("whyUnban") as HTMLInputElement)
|
||||||
|
.value;
|
||||||
|
|
||||||
|
const submitReq = await fetch("/api/appeals/submit", {
|
||||||
|
body: JSON.stringify({
|
||||||
|
learned,
|
||||||
|
whyBanned,
|
||||||
|
whyUnban,
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
method: "POST",
|
||||||
|
}).catch(() => {});
|
||||||
|
|
||||||
|
if (!submitReq)
|
||||||
|
return toast({
|
||||||
|
description: "Please check your internet and try again",
|
||||||
|
duration: 10000,
|
||||||
|
isClosable: true,
|
||||||
|
status: "error",
|
||||||
|
title: "Request Failed",
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!submitReq.ok)
|
||||||
|
return toast({
|
||||||
|
description: ((await submitReq.json()) as { error: string }).error,
|
||||||
|
duration: 10000,
|
||||||
|
isClosable: true,
|
||||||
|
status: "error",
|
||||||
|
title: "Error",
|
||||||
|
});
|
||||||
|
|
||||||
|
setShowSuccess(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
async function toggle(active: boolean) {
|
||||||
|
const toggleReq = await fetch("/api/appeals/toggle", {
|
||||||
|
body: JSON.stringify({ active }),
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
method: "POST",
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!toggleReq.ok)
|
||||||
|
return toast({
|
||||||
|
description: ((await toggleReq.json()) as { error: string }).error,
|
||||||
|
duration: 10000,
|
||||||
|
isClosable: true,
|
||||||
|
status: "error",
|
||||||
|
title: "Error",
|
||||||
|
});
|
||||||
|
|
||||||
|
toast({
|
||||||
|
description: `The appeals form is now ${active ? "opened" : "closed"}.`,
|
||||||
|
isClosable: true,
|
||||||
|
status: "success",
|
||||||
|
title: `Appeals ${active ? "enabled" : "disabled"}`,
|
||||||
|
});
|
||||||
|
|
||||||
|
onClose();
|
||||||
|
await new Promise((p) => setTimeout(p, 5000));
|
||||||
|
}
|
||||||
|
|
||||||
|
return showSuccess ? (
|
||||||
|
<Success
|
||||||
|
heading="Appeal Submitted"
|
||||||
|
message="You will receive an email when we reach a decision."
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
<Container maxW="container.md" pt="4vh" textAlign="start">
|
||||||
|
<Alert
|
||||||
|
borderRadius="8px"
|
||||||
|
display={pageProps.disabled ? "flex" : "none"}
|
||||||
|
mb="16px"
|
||||||
|
status="error"
|
||||||
|
>
|
||||||
|
<AlertIcon />
|
||||||
|
<Box>
|
||||||
|
<AlertTitle>Appeals Closed</AlertTitle>
|
||||||
|
<AlertDescription>
|
||||||
|
We are currently not accepting appeals.
|
||||||
|
</AlertDescription>
|
||||||
|
</Box>
|
||||||
|
</Alert>
|
||||||
|
<Flex>
|
||||||
|
<Spacer />
|
||||||
|
<Button display={pageProps.can_toggle ? "" : "none"} onClick={onOpen}>
|
||||||
|
{pageProps.disabled ? "Enable" : "Disable"} Appeals
|
||||||
|
</Button>
|
||||||
|
</Flex>
|
||||||
|
<br />
|
||||||
|
<Modal isCentered isOpen={isOpen} onClose={onClose}>
|
||||||
|
<ModalOverlay />
|
||||||
|
<ModalContent>
|
||||||
|
<ModalHeader>Toggle appeals?</ModalHeader>
|
||||||
|
<ModalCloseButton />
|
||||||
|
<ModalBody>
|
||||||
|
<Text>
|
||||||
|
Are you sure you want to{" "}
|
||||||
|
{pageProps.disabled ? "enable" : "disable"} appeals?
|
||||||
|
</Text>
|
||||||
|
</ModalBody>
|
||||||
|
<ModalFooter style={{ gap: "8px" }}>
|
||||||
|
<Button onClick={onClose} variant="ghost">
|
||||||
|
No
|
||||||
|
</Button>
|
||||||
|
<Button
|
||||||
|
onClick={async () => await toggle(pageProps.disabled)}
|
||||||
|
variant="danger"
|
||||||
|
>
|
||||||
|
Yes
|
||||||
|
</Button>
|
||||||
|
</ModalFooter>
|
||||||
|
</ModalContent>
|
||||||
|
</Modal>
|
||||||
|
<Heading size="xl">Discord Appeals</Heading>
|
||||||
|
<br />
|
||||||
|
<Text fontSize="md">
|
||||||
|
This is for Discord bans only! See the support page if you were banned
|
||||||
|
from the game.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Heading size="md">Why were you banned?</Heading>
|
||||||
|
<br />
|
||||||
|
<Textarea
|
||||||
|
disabled={!pageProps.can_appeal}
|
||||||
|
id="whyBanned"
|
||||||
|
maxLength={500}
|
||||||
|
placeholder="Your response"
|
||||||
|
/>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Heading size="md">Why should we unban you?</Heading>
|
||||||
|
<br />
|
||||||
|
<Textarea
|
||||||
|
disabled={!pageProps.can_appeal}
|
||||||
|
id="whyUnban"
|
||||||
|
maxLength={2000}
|
||||||
|
placeholder="Your response"
|
||||||
|
/>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Heading size="md">What have you learned from your mistake?</Heading>
|
||||||
|
<br />
|
||||||
|
<Textarea
|
||||||
|
disabled={!pageProps.can_appeal}
|
||||||
|
id="learned"
|
||||||
|
maxLength={2000}
|
||||||
|
placeholder="Your response"
|
||||||
|
/>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Button
|
||||||
|
disabled={pageProps.disabled || pageProps.already_submitted}
|
||||||
|
onClick={async () => await submit()}
|
||||||
|
>
|
||||||
|
Submit
|
||||||
|
</Button>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
}
|
||||||
18
pages/index.page.tsx
Normal file
18
pages/index.page.tsx
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
import { Box, Container, Text } from "@chakra-ui/react";
|
||||||
|
|
||||||
|
export function Page() {
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<Box alignContent="left">
|
||||||
|
<Container maxW="container.lg" paddingTop="8vh" textAlign="left">
|
||||||
|
<Text>
|
||||||
|
srfidukjghdiuftgrteutgrtsu,k jhsrte h hjgtsredbfdgns srthhfg h fgdyh
|
||||||
|
y
|
||||||
|
</Text>
|
||||||
|
</Container>
|
||||||
|
</Box>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export const title = "Home - Car Crushers";
|
||||||
20
pages/mod-queue.page.server.tsx
Normal file
20
pages/mod-queue.page.server.tsx
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
export async function onBeforeRender(pageContext: PageContext) {
|
||||||
|
const typePermissions = {
|
||||||
|
appeal: [1 << 0, 1 << 1],
|
||||||
|
gma: [1 << 5],
|
||||||
|
report: [1 << 5],
|
||||||
|
};
|
||||||
|
const { searchParams } = new URL(
|
||||||
|
pageContext.urlOriginal,
|
||||||
|
"http://localhost:8788"
|
||||||
|
);
|
||||||
|
const includeClosed = searchParams.get("includeClosed");
|
||||||
|
const type = searchParams.get("type");
|
||||||
|
const sort = searchParams.get("sort") ?? "asc";
|
||||||
|
|
||||||
|
return {
|
||||||
|
pageContext: {
|
||||||
|
pageProps: {},
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
40
pages/mod-queue.page.tsx
Normal file
40
pages/mod-queue.page.tsx
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
import {
|
||||||
|
Box,
|
||||||
|
Container,
|
||||||
|
Flex,
|
||||||
|
Select,
|
||||||
|
useBreakpointValue,
|
||||||
|
VStack,
|
||||||
|
} from "@chakra-ui/react";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
|
|
||||||
|
export function Page(pageProps: { [p: string]: any }) {
|
||||||
|
const isDesktop = useBreakpointValue({ base: false, lg: true });
|
||||||
|
const entryTypes = [];
|
||||||
|
|
||||||
|
for (const type of pageProps.entry_types)
|
||||||
|
entryTypes.push(<option value={type.value}>{type.name}</option>)
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
(async function () {
|
||||||
|
const queueRequest = await fetch("/api/mod-queue")
|
||||||
|
})();
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Container maxW="container.xl">
|
||||||
|
<Flex>
|
||||||
|
<VStack>
|
||||||
|
|
||||||
|
</VStack>
|
||||||
|
<Box display={ isDesktop ? undefined : "none" } w="250px">
|
||||||
|
<Select placeholder="Entry Type">
|
||||||
|
<option value="">All</option>
|
||||||
|
{entryTypes}
|
||||||
|
</Select>
|
||||||
|
</Box>
|
||||||
|
</Flex>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
export const title = "Mod Queue - Car Crushers";
|
||||||
238
pages/privacy.page.tsx
Normal file
238
pages/privacy.page.tsx
Normal file
@ -0,0 +1,238 @@
|
|||||||
|
import { Container, Heading, Link, Text } from "@chakra-ui/react";
|
||||||
|
|
||||||
|
export function Page() {
|
||||||
|
return (
|
||||||
|
<Container maxW="container.lg" pb="8vh" pt="4vh" textAlign="start">
|
||||||
|
<Heading>Privacy Policy</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>Last Updated: 2023-01-07</Text>
|
||||||
|
<br />
|
||||||
|
<hr />
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Information We Collect</Heading>
|
||||||
|
<br />
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<strong>Discord Profile Information</strong>: We receive account
|
||||||
|
information from Discord, Inc. when you sign in such as your username,
|
||||||
|
discriminator, avatar, and banner in order to authenticate you and
|
||||||
|
authorize requests. A list of information available can be found at{" "}
|
||||||
|
<Link
|
||||||
|
color="#646cff"
|
||||||
|
href="https://discord.com/developers/docs/resources/use"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
Discord's Developer Portal
|
||||||
|
</Link>
|
||||||
|
.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Email Addresses</strong>: We receive your email address from
|
||||||
|
your Discord account in order to allow us to contact you as necessary.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Member Information from Our Discord Server</strong>: We
|
||||||
|
receive a list of your roles within our Discord Server in order to
|
||||||
|
determine your ability to access certain parts of this site.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Error Reports</strong>: We collect error reports to aid in
|
||||||
|
fixing bugs and ensuring site stability.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Uploaded Files and Reports</strong>: We store uploaded files
|
||||||
|
and user reports to aid in moderating exploiters from Car Crushers 2.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Appeals</strong>: We store appeal requests to review them.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">
|
||||||
|
Legal Basis for Processing of Your Personal Data
|
||||||
|
</Heading>
|
||||||
|
<br />
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<strong>To fulfill contractual commitments</strong>: E.g allow you to
|
||||||
|
use the site as intended.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Legitimate interests</strong>: In some cases, we continue to
|
||||||
|
process data on the grounds that our legitimate interests override the
|
||||||
|
interests or rights and freedoms of affected individuals. These
|
||||||
|
interests may include but are not limited to: Protecting ourselves and
|
||||||
|
our users, and preventing spam.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Consent</strong>: Where required by law, and in some other
|
||||||
|
cases, we handle personal data on the basis of your implied or express
|
||||||
|
consent.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Legal Requirements</strong>: We need to use and disclose
|
||||||
|
personal data in certain ways to comply with our legal obligations.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Disclosure of Your Information</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
While we have no intention of giving your personal data to Mark
|
||||||
|
Zuckerberg, in certain circumstances we may share your information with
|
||||||
|
third parties, as set forth below.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<strong>Business Transfers</strong>: In the event of a corporate sale,
|
||||||
|
merger, reorganization, bankruptcy, dissolution or etc., your
|
||||||
|
information may be part of the transferred assets.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Consent</strong>: We may transfer your information with your
|
||||||
|
consent.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Agents and Related Third Parties</strong>: We enlist the help
|
||||||
|
of other entities to perform certain tasks related to this site, such
|
||||||
|
as: Data Storage, Error Tracking and Reporting, and Hosting.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Our Partners</Heading>
|
||||||
|
<br />
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<strong>Cloudflare, Inc. (San Francisco, CA)</strong>: Hosting and
|
||||||
|
data storage provider.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Google, LLC. (Mountain View, CA)</strong>: File storage.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Mailgun Technologies, Inc. (San Antonio, TX)</strong>: Email
|
||||||
|
solutions.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>
|
||||||
|
Functional Software, Inc. d/b/a Sentry (San Francisco, CA)
|
||||||
|
</strong>
|
||||||
|
: Error reporting.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Security</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
We take reasonable steps to protect the information provided via the
|
||||||
|
Services from loss, misuse, and unauthorized access, disclosure,
|
||||||
|
alteration, or destruction. However, no Internet or email transmission
|
||||||
|
is ever fully secure or error free. In particular, email sent to or from
|
||||||
|
the Services may not be secure. Therefore, you should take special care
|
||||||
|
in deciding what information you send to us via email or forms. Please
|
||||||
|
keep this in mind when disclosing any information via the Internet.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Cookies</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
All cookies by this site are necessary for the site to function. We do
|
||||||
|
not set any marketing or tracking cookies.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Children</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
Our services are meant for users who meet or exceed the age of digital
|
||||||
|
consent under relevant laws (such as COPPA and GDPR).
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Links to Other Websites</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
This privacy policy only applies to this site and not other sites.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Data Retention</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
All data is retained as stated in the section below and is necessary to
|
||||||
|
conduct operations.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Data Retention Periods</Heading>
|
||||||
|
<br />
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<strong>Session Data</strong>: Maximum of one week (or on logout).
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Email Addresses</strong>: From the time that you submit a form
|
||||||
|
to the time that it is marked as closed (i.e when your appeal is
|
||||||
|
reviewed).
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Profile, Server, and Permission Data</strong>: See the Session
|
||||||
|
Data entry.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Error Reports</strong>: Error reports collected by Sentry are
|
||||||
|
deleted after 90 days. Sensitive information such as IP addresses are
|
||||||
|
not retained with logs.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Uploaded Files and Report Submissions</strong>: Report
|
||||||
|
submissions and uploaded media as part of a report submission may be
|
||||||
|
retained indefinitely. Email addresses are removed after report
|
||||||
|
review.
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<strong>Appeals</strong>: Appeal submissions are retained for 3 years
|
||||||
|
after closure date.
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Data Rights and Choices</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>You have the right to:</Text>
|
||||||
|
<br />
|
||||||
|
<ul>
|
||||||
|
<li>Access your personal information</li>
|
||||||
|
<li>Delete your personal information</li>
|
||||||
|
<li>
|
||||||
|
Request restrictions on the processing of your personal information
|
||||||
|
</li>
|
||||||
|
<li>Lodge a complaint with a supervisory authority</li>
|
||||||
|
</ul>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
Some information as specified in the Data Retention section may be
|
||||||
|
retained even after deleting your data. The rights and options listed
|
||||||
|
above are subject to limitations based on applicable law.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Contact Us</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
By Email:{" "}
|
||||||
|
<Link color="#646cff" href="mailto:privacy@ccdiscussion.com">
|
||||||
|
privacy@ccdiscussion.com
|
||||||
|
</Link>
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
Discord:{" "}
|
||||||
|
<Link
|
||||||
|
color="#646cff"
|
||||||
|
href="https://discord.com/invite/carcrushers"
|
||||||
|
target="_blank"
|
||||||
|
>
|
||||||
|
https://discord.com/invite/carcrushers
|
||||||
|
</Link>
|
||||||
|
</Text>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export const title = "Privacy - Car Crushers";
|
||||||
13
pages/report.page.server.tsx
Normal file
13
pages/report.page.server.tsx
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
export async function onBeforeRender(pageContext: PageContext) {
|
||||||
|
return {
|
||||||
|
pageContext: {
|
||||||
|
pageProps: {
|
||||||
|
logged_in: Boolean(pageContext.current_user),
|
||||||
|
},
|
||||||
|
status: pageContext.current_user ? 200 : 401,
|
||||||
|
},
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
export const description = "Found a cheater in Car Crushers 2? Report them here.";
|
||||||
|
export const title = "Report - Car Crushers";
|
||||||
230
pages/report.page.tsx
Normal file
230
pages/report.page.tsx
Normal file
@ -0,0 +1,230 @@
|
|||||||
|
import {
|
||||||
|
Button,
|
||||||
|
CircularProgress,
|
||||||
|
CircularProgressLabel,
|
||||||
|
Container,
|
||||||
|
FormControl,
|
||||||
|
FormLabel,
|
||||||
|
Heading,
|
||||||
|
HStack,
|
||||||
|
Input,
|
||||||
|
Link,
|
||||||
|
Text,
|
||||||
|
useToast,
|
||||||
|
} from "@chakra-ui/react";
|
||||||
|
import { useEffect, useState } from "react";
|
||||||
|
import Login from "../components/Login";
|
||||||
|
import Success from "../components/Success";
|
||||||
|
|
||||||
|
export function Page(pageProps: { [p: string]: any }) {
|
||||||
|
if (!pageProps.logged_in) return <Login />;
|
||||||
|
|
||||||
|
const [fileProgress, setFileProgress] = useState(0);
|
||||||
|
const [showSuccess, setShowSuccess] = useState(false);
|
||||||
|
const [supportsRequestStreams, setSupportsRequestStreams] = useState(false);
|
||||||
|
const toast = useToast();
|
||||||
|
const [uploading, setUploading] = useState(false);
|
||||||
|
|
||||||
|
useEffect(() => {
|
||||||
|
if (sessionStorage.getItem("REPORT_SUCCESS")) {
|
||||||
|
sessionStorage.removeItem("REPORT_SUCCESS");
|
||||||
|
return setShowSuccess(true);
|
||||||
|
}
|
||||||
|
|
||||||
|
setSupportsRequestStreams(
|
||||||
|
(() => {
|
||||||
|
let duplexAccessed = false;
|
||||||
|
|
||||||
|
const hasContentType = new Request("", {
|
||||||
|
body: new ReadableStream(),
|
||||||
|
method: "POST",
|
||||||
|
// @ts-ignore
|
||||||
|
get duplex() {
|
||||||
|
duplexAccessed = true;
|
||||||
|
return "half";
|
||||||
|
},
|
||||||
|
}).headers.has("Content-Type");
|
||||||
|
|
||||||
|
return duplexAccessed && !hasContentType;
|
||||||
|
})()
|
||||||
|
);
|
||||||
|
}, []);
|
||||||
|
|
||||||
|
async function submit() {
|
||||||
|
const usernames = (
|
||||||
|
document.getElementById("usernames") as HTMLInputElement
|
||||||
|
).value
|
||||||
|
.replaceAll(" ", "")
|
||||||
|
.split(",");
|
||||||
|
const file = (
|
||||||
|
document.getElementById("evidence") as HTMLInputElement
|
||||||
|
).files?.item(0);
|
||||||
|
|
||||||
|
if (!usernames.length)
|
||||||
|
return toast({
|
||||||
|
description: "Must provide at least one username",
|
||||||
|
isClosable: true,
|
||||||
|
status: "error",
|
||||||
|
title: "Error",
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!file)
|
||||||
|
return toast({
|
||||||
|
description: "Must attach a file",
|
||||||
|
isClosable: true,
|
||||||
|
status: "error",
|
||||||
|
title: "Error",
|
||||||
|
});
|
||||||
|
|
||||||
|
if (usernames.length > 20)
|
||||||
|
return toast({
|
||||||
|
description: "Only up to twenty users can be reported at a time",
|
||||||
|
isClosable: true,
|
||||||
|
status: "error",
|
||||||
|
title: "Too Many Usernames",
|
||||||
|
});
|
||||||
|
|
||||||
|
const submitReq = await fetch("/api/reports/submit", {
|
||||||
|
body: JSON.stringify({
|
||||||
|
filename: file.name,
|
||||||
|
filesize: file.size,
|
||||||
|
usernames,
|
||||||
|
}),
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
method: "POST",
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!submitReq.ok)
|
||||||
|
return toast({
|
||||||
|
description: ((await submitReq.json()) as { error: string }).error,
|
||||||
|
isClosable: true,
|
||||||
|
status: "error",
|
||||||
|
title: "Error",
|
||||||
|
});
|
||||||
|
|
||||||
|
const { id, upload_url }: { id: string; upload_url: string } =
|
||||||
|
await submitReq.json();
|
||||||
|
|
||||||
|
setUploading(true);
|
||||||
|
const reader = file.stream().getReader();
|
||||||
|
let bytesRead = 0;
|
||||||
|
|
||||||
|
const uploadReq = await fetch(upload_url, {
|
||||||
|
body: supportsRequestStreams
|
||||||
|
? new ReadableStream({
|
||||||
|
async pull(controller) {
|
||||||
|
const chunk = await reader.read();
|
||||||
|
|
||||||
|
if (chunk.done) {
|
||||||
|
controller.close();
|
||||||
|
setUploading(false);
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
controller.enqueue(chunk.value);
|
||||||
|
bytesRead += chunk.value.length;
|
||||||
|
setFileProgress(Math.floor((bytesRead / file.size) * 100));
|
||||||
|
},
|
||||||
|
})
|
||||||
|
: file,
|
||||||
|
// @ts-expect-error
|
||||||
|
duplex: supportsRequestStreams ? "half" : undefined,
|
||||||
|
headers: {
|
||||||
|
"content-type": file.type,
|
||||||
|
},
|
||||||
|
method: "PUT",
|
||||||
|
}).catch(console.error);
|
||||||
|
|
||||||
|
if (!uploadReq?.ok) {
|
||||||
|
await fetch("/api/reports/recall", {
|
||||||
|
body: JSON.stringify({ id }),
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
method: "POST",
|
||||||
|
});
|
||||||
|
|
||||||
|
return toast({
|
||||||
|
description: "Failed to upload file",
|
||||||
|
isClosable: true,
|
||||||
|
status: "error",
|
||||||
|
title: "Error",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
await fetch("/api/reports/complete", {
|
||||||
|
body: JSON.stringify({ id }),
|
||||||
|
headers: {
|
||||||
|
"content-type": "application/json",
|
||||||
|
},
|
||||||
|
method: "POST",
|
||||||
|
});
|
||||||
|
|
||||||
|
sessionStorage.setItem("REPORT_SUCCESS", "1");
|
||||||
|
}
|
||||||
|
|
||||||
|
return showSuccess ? (
|
||||||
|
<Success
|
||||||
|
heading="Report Submitted"
|
||||||
|
message="We will review it as soon as possible."
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
<Container maxW="container.md" pt="4vh" textAlign="start">
|
||||||
|
<Heading mb="4vh">Report an Exploiter</Heading>
|
||||||
|
<br />
|
||||||
|
<FormControl isRequired>
|
||||||
|
<FormLabel>
|
||||||
|
Username(s) - To specify more than one, provide a comma-delimited list
|
||||||
|
(User1, User2, User3...)
|
||||||
|
</FormLabel>
|
||||||
|
<Input id="usernames" placeholder="builderman" />
|
||||||
|
</FormControl>
|
||||||
|
<br />
|
||||||
|
<FormControl isRequired>
|
||||||
|
<FormLabel>Your Evidence (Max Size: 512MB)</FormLabel>
|
||||||
|
<Button
|
||||||
|
colorScheme="blue"
|
||||||
|
mr="8px"
|
||||||
|
onClick={() => document.getElementById("evidence")?.click()}
|
||||||
|
>
|
||||||
|
Select File
|
||||||
|
</Button>
|
||||||
|
<input id="evidence" type="file" />
|
||||||
|
</FormControl>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
By submitting this form, you agree to the{" "}
|
||||||
|
<Link color="#646cff" href="/terms">
|
||||||
|
Terms of Service
|
||||||
|
</Link>{" "}
|
||||||
|
and{" "}
|
||||||
|
<Link color="#646cff" href="/privacy">
|
||||||
|
Privacy Policy
|
||||||
|
</Link>
|
||||||
|
.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<HStack>
|
||||||
|
<Button
|
||||||
|
disabled={uploading}
|
||||||
|
mr="8px"
|
||||||
|
onClick={async () => await submit()}
|
||||||
|
>
|
||||||
|
Submit
|
||||||
|
</Button>
|
||||||
|
<CircularProgress
|
||||||
|
display={uploading ? "" : "none"}
|
||||||
|
isIndeterminate={!supportsRequestStreams}
|
||||||
|
value={supportsRequestStreams ? fileProgress : undefined}
|
||||||
|
>
|
||||||
|
{supportsRequestStreams ? (
|
||||||
|
<CircularProgressLabel>{fileProgress}%</CircularProgressLabel>
|
||||||
|
) : null}
|
||||||
|
</CircularProgress>
|
||||||
|
</HStack>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
}
|
||||||
138
pages/support.page.tsx
Normal file
138
pages/support.page.tsx
Normal file
@ -0,0 +1,138 @@
|
|||||||
|
import {
|
||||||
|
Accordion,
|
||||||
|
AccordionButton,
|
||||||
|
AccordionIcon,
|
||||||
|
AccordionItem,
|
||||||
|
AccordionPanel,
|
||||||
|
Box,
|
||||||
|
Container,
|
||||||
|
Heading,
|
||||||
|
Link,
|
||||||
|
Spacer,
|
||||||
|
VStack,
|
||||||
|
} from "@chakra-ui/react";
|
||||||
|
|
||||||
|
export function Page() {
|
||||||
|
return (
|
||||||
|
<Container
|
||||||
|
borderRadius="12px"
|
||||||
|
borderWidth="1px"
|
||||||
|
maxW="container.md"
|
||||||
|
mt="8vh"
|
||||||
|
>
|
||||||
|
<VStack w="100%" spacing={3}>
|
||||||
|
<Spacer />
|
||||||
|
<Heading alignSelf="start" pl="2.5%" size="md">
|
||||||
|
What do you need help with?
|
||||||
|
</Heading>
|
||||||
|
<Spacer />
|
||||||
|
<Accordion textAlign="left" w="100%">
|
||||||
|
<AccordionItem>
|
||||||
|
<h2>
|
||||||
|
<AccordionButton>
|
||||||
|
<Box as="span" flex="1" textAlign="left">
|
||||||
|
I want to report someone exploiting
|
||||||
|
</Box>
|
||||||
|
<AccordionIcon />
|
||||||
|
</AccordionButton>
|
||||||
|
</h2>
|
||||||
|
<AccordionPanel>
|
||||||
|
To report a player,{" "}
|
||||||
|
<Link color="#646cff" href="/report">
|
||||||
|
head to our report page.
|
||||||
|
</Link>
|
||||||
|
</AccordionPanel>
|
||||||
|
</AccordionItem>
|
||||||
|
<AccordionItem>
|
||||||
|
<h2>
|
||||||
|
<AccordionButton>
|
||||||
|
<Box as="span" flex="1" textAlign="left">
|
||||||
|
I want a data rollback or transfer
|
||||||
|
</Box>
|
||||||
|
<AccordionIcon />
|
||||||
|
</AccordionButton>
|
||||||
|
</h2>
|
||||||
|
<AccordionPanel>
|
||||||
|
Please join our{" "}
|
||||||
|
<Link
|
||||||
|
color="#646cff"
|
||||||
|
href="https://discord.com/invite/carcrushers"
|
||||||
|
>
|
||||||
|
Discord server
|
||||||
|
</Link>{" "}
|
||||||
|
and contact ModMail.
|
||||||
|
</AccordionPanel>
|
||||||
|
</AccordionItem>
|
||||||
|
<AccordionItem>
|
||||||
|
<h2>
|
||||||
|
<AccordionButton>
|
||||||
|
<Box as="span" flex="1" textAlign="left">
|
||||||
|
I want to appeal my ban
|
||||||
|
</Box>
|
||||||
|
<AccordionIcon />
|
||||||
|
</AccordionButton>
|
||||||
|
</h2>
|
||||||
|
<AccordionPanel>
|
||||||
|
If you were banned from our Discord server,{" "}
|
||||||
|
<Link color="#646cff" href="/appeals">
|
||||||
|
use this form
|
||||||
|
</Link>
|
||||||
|
. If you were banned from the game,{" "}
|
||||||
|
<Link
|
||||||
|
color="#646cff"
|
||||||
|
href="https://www.roblox.com/games/527921900/Car-Crushers-2-Appeals"
|
||||||
|
>
|
||||||
|
fill out the form here
|
||||||
|
</Link>
|
||||||
|
.
|
||||||
|
</AccordionPanel>
|
||||||
|
</AccordionItem>
|
||||||
|
<AccordionItem>
|
||||||
|
<h2>
|
||||||
|
<AccordionButton>
|
||||||
|
<Box as="span" flex="1" textAlign="left">
|
||||||
|
I want to apply for a staff position
|
||||||
|
</Box>
|
||||||
|
<AccordionIcon />
|
||||||
|
</AccordionButton>
|
||||||
|
</h2>
|
||||||
|
<AccordionPanel>
|
||||||
|
Most staff position openings will be announced in our{" "}
|
||||||
|
<Link
|
||||||
|
color="#646cff"
|
||||||
|
href="https://discord.com/invite/carcrushers"
|
||||||
|
>
|
||||||
|
Discord server
|
||||||
|
</Link>
|
||||||
|
. Forum mod openings are generally announced on the forum.
|
||||||
|
</AccordionPanel>
|
||||||
|
</AccordionItem>
|
||||||
|
<AccordionItem>
|
||||||
|
<h2>
|
||||||
|
<AccordionButton>
|
||||||
|
<Box as="span" flex="1" textAlign="left">
|
||||||
|
My problem is not listed
|
||||||
|
</Box>
|
||||||
|
<AccordionIcon />
|
||||||
|
</AccordionButton>
|
||||||
|
</h2>
|
||||||
|
<AccordionPanel>
|
||||||
|
Join our{" "}
|
||||||
|
<Link
|
||||||
|
color="#646cff"
|
||||||
|
href="https://discord.com/invite/carcrushers"
|
||||||
|
>
|
||||||
|
Discord server
|
||||||
|
</Link>{" "}
|
||||||
|
and open a ticket with ModMail.
|
||||||
|
</AccordionPanel>
|
||||||
|
</AccordionItem>
|
||||||
|
</Accordion>
|
||||||
|
<Spacer />
|
||||||
|
<Spacer />
|
||||||
|
</VStack>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export const title = "Support - Car Crushers";
|
||||||
56
pages/team.page.tsx
Normal file
56
pages/team.page.tsx
Normal file
@ -0,0 +1,56 @@
|
|||||||
|
import {
|
||||||
|
Card,
|
||||||
|
CardFooter,
|
||||||
|
Code,
|
||||||
|
Container,
|
||||||
|
Divider,
|
||||||
|
Heading,
|
||||||
|
Image,
|
||||||
|
Stack,
|
||||||
|
Text,
|
||||||
|
} from "@chakra-ui/react";
|
||||||
|
import team from "../data/team.json";
|
||||||
|
|
||||||
|
export function Page() {
|
||||||
|
return (
|
||||||
|
<Container maxW="container.xl" pt="4vh">
|
||||||
|
<Heading textAlign="start">Our Team</Heading>
|
||||||
|
<br />
|
||||||
|
<Text textAlign="start">
|
||||||
|
Please respect our staff, and <u>do not send direct messages</u> or
|
||||||
|
friend requests in place of official channels.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<div
|
||||||
|
style={{
|
||||||
|
display: "grid",
|
||||||
|
gap: "1rem",
|
||||||
|
gridTemplateColumns: "repeat(auto-fill, minmax(16rem, 1fr))",
|
||||||
|
width: "100%",
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{team.map((member) => (
|
||||||
|
<Card key={member.id} maxW="xs" p="12px">
|
||||||
|
<Image
|
||||||
|
alt={member.tag + "'s avatar"}
|
||||||
|
borderRadius="50%"
|
||||||
|
src={`/files/avatars/${member.id}.webp`}
|
||||||
|
/>
|
||||||
|
<Stack mb="8" mt="6" spacing="3">
|
||||||
|
<b>
|
||||||
|
<Heading size="md">{member.tag}</Heading>
|
||||||
|
</b>
|
||||||
|
<Text>{member.position}</Text>
|
||||||
|
</Stack>
|
||||||
|
<Divider />
|
||||||
|
<CardFooter justifyContent="center">
|
||||||
|
<Code>ID: {member.id}</Code>
|
||||||
|
</CardFooter>
|
||||||
|
</Card>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export const title = "Team - Car Crushers";
|
||||||
122
pages/terms.page.tsx
Normal file
122
pages/terms.page.tsx
Normal file
@ -0,0 +1,122 @@
|
|||||||
|
import { Container, Heading, Link, Text } from "@chakra-ui/react";
|
||||||
|
|
||||||
|
export function Page() {
|
||||||
|
return (
|
||||||
|
<Container maxW="container.lg" pb="8vh" pt="4vh" textAlign="start">
|
||||||
|
<Heading>Terms and Conditions</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>Last Updated: 2023-01-07</Text>
|
||||||
|
<br />
|
||||||
|
<Text>Yes, we know this shit is boring to read, but it's important.</Text>
|
||||||
|
<br />
|
||||||
|
<hr />
|
||||||
|
<br />
|
||||||
|
<Text>These terms govern your use of the Car Crushers website.</Text>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
You would think people have common sense but sadly many don't.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<Text>For this reason, we have to create this document.</Text>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Definitions</Heading>
|
||||||
|
<br />
|
||||||
|
<ul>
|
||||||
|
<li>We, Us: Car Crushers (the operator of this website)</li>
|
||||||
|
<li>You: The person currently reading this document</li>
|
||||||
|
</ul>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">General Rules</Heading>
|
||||||
|
<br />
|
||||||
|
<ul>
|
||||||
|
<li>Do not upload malicious files to this site</li>
|
||||||
|
<li>Do not submit spam using forms on this site</li>
|
||||||
|
<li>Do not upload any content illegal under the laws of Sweden</li>
|
||||||
|
<li>You must be at least 13 years old to use this site</li>
|
||||||
|
<li>
|
||||||
|
You may not automate access to this site by any means (except a public
|
||||||
|
search crawler if you operate one)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
You may not falsely imply that you are affiliated with or endorsed by
|
||||||
|
Car Crushers
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<Link color="#646cff" href="/files/why.jpg" target="_blank">
|
||||||
|
All visitors from New Jersey must explain why
|
||||||
|
</Link>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Enforcement</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
We may investigate and prosecute violations of these terms to the
|
||||||
|
fullest legal extent. We may notify and cooperate with law enforcement
|
||||||
|
authorities in prosecuting violations of the law and these terms.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Your Content</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
Nothing in these terms grant us ownership rights to any content that you
|
||||||
|
submit to this site. Nothing in these terms grants you ownership rights
|
||||||
|
to our intellectual property either. Any content you submit to this site
|
||||||
|
is your responsibility. Content you submit to us belongs to you. But at
|
||||||
|
a minimum, you license us to store the content and display it to
|
||||||
|
authorized users.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Warranty and Disclaimer</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
WE DO NOT GUARANTEE A BUG-FREE SITE, THAT IS IMPOSSIBLE. THERE IS
|
||||||
|
ABSOLUTELY NO WARRANTY WHATSOEVER, EXPRESS OR IMPLIED. YOUR USE OF THIS
|
||||||
|
SITE IS AT YOUR OWN RISK. THERE ARE NO GUARANTEES ON ANYTHING, NOT EVEN
|
||||||
|
THAT THIS SITE WILL EXIST TOMORROW.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Termination</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
We may terminate or suspend your access to the Service immediately,
|
||||||
|
without prior notice or liability, under our sole discretion, for any
|
||||||
|
reason whatsoever and without limitation, including but not limited to a
|
||||||
|
breach of the Terms.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
The contract is fully terminated when all user data (including every
|
||||||
|
copy of every file uploaded) is fully deleted from our service.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Indemnification</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
You agree to defend, indemnify and hold harmless Car Crushers and its
|
||||||
|
licensee and licensors, and their employees, contractors, agents,
|
||||||
|
officers and directors, from and against any and all claims, damages,
|
||||||
|
obligations, losses, liabilities, costs or debt, and expenses (including
|
||||||
|
but not limited to attorney's fees), resulting from or arising out of a)
|
||||||
|
your use and access of the Service, or b) a breach of these Terms.
|
||||||
|
</Text>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Heading size="lg">Governing Law</Heading>
|
||||||
|
<br />
|
||||||
|
<Text>
|
||||||
|
These terms shall be governed and construed in accordance with the laws
|
||||||
|
of Västmanland, Sweden.
|
||||||
|
</Text>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export const title = "Terms - Car Crushers";
|
||||||
25
public/app.webmanifest
Normal file
25
public/app.webmanifest
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
{
|
||||||
|
"short_name": "CC",
|
||||||
|
"name": "Car Crushers",
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "favicon.ico",
|
||||||
|
"sizes": "64x64 32x32 24x24 16x16",
|
||||||
|
"type": "image/x-icon"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "logo192.png",
|
||||||
|
"type": "image/png",
|
||||||
|
"sizes": "192x192"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "logo512.png",
|
||||||
|
"type": "image/png",
|
||||||
|
"sizes": "512x512"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"start_url": ".",
|
||||||
|
"display": "standalone",
|
||||||
|
"theme_color": "#00a8f8",
|
||||||
|
"background_color": "#ffffff"
|
||||||
|
}
|
||||||
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
public/files/avatars/110502920339881984.webp
Normal file
BIN
public/files/avatars/110502920339881984.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
public/files/avatars/135418199083581440.webp
Normal file
BIN
public/files/avatars/135418199083581440.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/files/avatars/151098768807165952.webp
Normal file
BIN
public/files/avatars/151098768807165952.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
public/files/avatars/165047934113677312.webp
Normal file
BIN
public/files/avatars/165047934113677312.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 665 KiB |
BIN
public/files/avatars/165594923586945025.webp
Normal file
BIN
public/files/avatars/165594923586945025.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/files/avatars/247766460359901194.webp
Normal file
BIN
public/files/avatars/247766460359901194.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
BIN
public/files/avatars/256995590599081985.webp
Normal file
BIN
public/files/avatars/256995590599081985.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 KiB |
BIN
public/files/avatars/289372404541554689.webp
Normal file
BIN
public/files/avatars/289372404541554689.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
BIN
public/files/avatars/385572238331478016.webp
Normal file
BIN
public/files/avatars/385572238331478016.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
public/files/avatars/392947931336146945.webp
Normal file
BIN
public/files/avatars/392947931336146945.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 48 KiB |
BIN
public/files/avatars/396347223736057866.webp
Normal file
BIN
public/files/avatars/396347223736057866.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 833 KiB |
BIN
public/files/avatars/430533277384704010.webp
Normal file
BIN
public/files/avatars/430533277384704010.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
public/files/avatars/704247919259156521.webp
Normal file
BIN
public/files/avatars/704247919259156521.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 27 KiB |
BIN
public/files/logo192.png
Normal file
BIN
public/files/logo192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
BIN
public/files/logo512.png
Normal file
BIN
public/files/logo512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
public/files/oof.png
Normal file
BIN
public/files/oof.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
BIN
public/files/why.jpg
Normal file
BIN
public/files/why.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
4
public/robots.txt
Normal file
4
public/robots.txt
Normal file
@ -0,0 +1,4 @@
|
|||||||
|
User-agent: *
|
||||||
|
Disallow: /api
|
||||||
|
Disallow: /mod
|
||||||
|
Disallow: /my-data
|
||||||
41
renderer/_default.page.client.tsx
Normal file
41
renderer/_default.page.client.tsx
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
import { StrictMode } from "react";
|
||||||
|
import { createRoot, hydrateRoot } from "react-dom/client";
|
||||||
|
import { ChakraProvider } from "@chakra-ui/react";
|
||||||
|
import "../index.css";
|
||||||
|
import "@fontsource/plus-jakarta-sans";
|
||||||
|
import theme from "../theme";
|
||||||
|
import * as Sentry from "@sentry/react";
|
||||||
|
import { Integrations } from "@sentry/tracing";
|
||||||
|
import Fallback from "../components/Fallback";
|
||||||
|
import Navigation from "../components/Navigation";
|
||||||
|
|
||||||
|
Sentry.init({
|
||||||
|
dsn: import.meta.env.VITE_DSN,
|
||||||
|
integrations: [new Integrations.BrowserTracing()],
|
||||||
|
tracesSampleRate: import.meta.env.VITE_SAMPLE_RATE
|
||||||
|
? parseFloat(import.meta.env.VITE_SAMPLE_RATE)
|
||||||
|
: 0.1,
|
||||||
|
});
|
||||||
|
|
||||||
|
export async function render(pageContext: PageContext) {
|
||||||
|
const { Page, pageProps } = pageContext;
|
||||||
|
const root = document.getElementById("root") as HTMLElement;
|
||||||
|
const reactRoot = (
|
||||||
|
<StrictMode>
|
||||||
|
<ChakraProvider theme={theme}>
|
||||||
|
<div className="App">
|
||||||
|
<Fallback>
|
||||||
|
<Navigation {...pageContext.current_user} />
|
||||||
|
<Page {...pageProps} />
|
||||||
|
</Fallback>
|
||||||
|
</div>
|
||||||
|
</ChakraProvider>
|
||||||
|
</StrictMode>
|
||||||
|
);
|
||||||
|
|
||||||
|
if (root.innerHTML === "") {
|
||||||
|
createRoot(root).render(reactRoot);
|
||||||
|
} else {
|
||||||
|
hydrateRoot(root, reactRoot);
|
||||||
|
}
|
||||||
|
}
|
||||||
61
renderer/_default.page.server.tsx
Normal file
61
renderer/_default.page.server.tsx
Normal file
@ -0,0 +1,61 @@
|
|||||||
|
import ReactDOMServer from "react-dom/server";
|
||||||
|
import { StrictMode } from "react";
|
||||||
|
import { dangerouslySkipEscape, escapeInject } from "vite-plugin-ssr";
|
||||||
|
import theme from "../theme";
|
||||||
|
import { ChakraProvider } from "@chakra-ui/react";
|
||||||
|
import Fallback from "../components/Fallback";
|
||||||
|
import Navigation from "../components/Navigation";
|
||||||
|
import Login from "../components/Login";
|
||||||
|
import Forbidden from "../components/Forbidden";
|
||||||
|
|
||||||
|
export const passToClient = ["current_user", "pageProps"];
|
||||||
|
|
||||||
|
export async function render(
|
||||||
|
pageContext: PageContext & { pageProps: { [k: string]: any } }
|
||||||
|
) {
|
||||||
|
const { exports, Page, pageProps, status } = pageContext;
|
||||||
|
|
||||||
|
const reactHTML = Page
|
||||||
|
? ReactDOMServer.renderToString(
|
||||||
|
<StrictMode>
|
||||||
|
<ChakraProvider theme={theme}>
|
||||||
|
<div className="App">
|
||||||
|
<Fallback>
|
||||||
|
<Navigation {...pageContext.current_user} />
|
||||||
|
{status === 200 ? (
|
||||||
|
Page ? (
|
||||||
|
<Page {...pageProps} />
|
||||||
|
) : (
|
||||||
|
""
|
||||||
|
)
|
||||||
|
) : (
|
||||||
|
{ 401: <Login />, 403: <Forbidden /> }[status]
|
||||||
|
)}
|
||||||
|
</Fallback>
|
||||||
|
</div>
|
||||||
|
</ChakraProvider>
|
||||||
|
</StrictMode>
|
||||||
|
)
|
||||||
|
: "";
|
||||||
|
|
||||||
|
return escapeInject`<!DOCTYPE html>
|
||||||
|
<html lang="en-US">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="theme-color" content="#00a8f8" />
|
||||||
|
<link rel="icon" href="/favicon.ico" />
|
||||||
|
<link rel="apple-touch-icon" type="image/png" href="/files/logo192.png" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<meta name="description" content="${
|
||||||
|
(exports.description as string) ?? "Car Crushers Website"
|
||||||
|
}" />
|
||||||
|
<meta property="og:description" content="${
|
||||||
|
(exports.description as string | null) ?? "Car Crushers Website"
|
||||||
|
}" />
|
||||||
|
<title>${(exports.title as string | null) ?? "Car Crushers"}</title>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="root">${dangerouslySkipEscape(reactHTML)}</div>
|
||||||
|
</body>
|
||||||
|
</html>`;
|
||||||
|
}
|
||||||
33
renderer/_error.page.tsx
Normal file
33
renderer/_error.page.tsx
Normal file
@ -0,0 +1,33 @@
|
|||||||
|
import { Container, Heading, Link, Text } from "@chakra-ui/react";
|
||||||
|
import { PageContextBuiltIn } from "vite-plugin-ssr";
|
||||||
|
|
||||||
|
export function Page(pageProps: PageContextBuiltIn) {
|
||||||
|
if (pageProps.is404)
|
||||||
|
return (
|
||||||
|
<Container maxW="container.lg" pt="8vh" textAlign="left">
|
||||||
|
<Heading size="4xl">404</Heading>
|
||||||
|
<br />
|
||||||
|
<Text fontSize="xl">There is nothing to find here.</Text>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Link color="#646cff" onClick={() => history.go(-1)}>
|
||||||
|
Go back
|
||||||
|
</Link>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Container maxW="container.lg" pt="8vh" textAlign="left">
|
||||||
|
<Heading size="4xl">500</Heading>
|
||||||
|
<br />
|
||||||
|
<Text fontSize="xl">S̶̡͈̠̗̠͖͙̭o̶̶͕͚̥͍̪̤m̸̨͏͈͔̖͚̖̰̱͞e҉̵͖͚͇̀t̕͟͠͏͎̺̯̲̱̣̤̠̟͙̠̙̫̬ḩ̸̭͓̬͎̙̀į̞̮͉͖̰̥̹͚̫̙̪̗̜̳̕ͅn҉͔̯̪̗̝̝͖̲͇͍͎̲̲̤̖̫͈̪͡g̴̰̻̙̝͉̭͇̖̰̝̙͕̼͙͘͜ ̵̶̫̥̳̲̘̻̗͈͕̭̲͇̘̜̺̟̥̖̥b̴̙̭̹͕̞͠r̞͎̠̩͈̖̰̞̯̯͢͢͠ͅo̝̯̗̹̳͍̰͉͕̘̰̠̺̥̰͔̕ͅk̵̸̻̠͕̺̦̦͖̲̺̦̞̝̞͞͡e̶͏̤̼̼͔̘̰̰̭͈̀͞͡</Text>
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<br />
|
||||||
|
<Link color="#646cff" onClick={() => location.reload()}>
|
||||||
|
Reload
|
||||||
|
</Link>
|
||||||
|
</Container>
|
||||||
|
);
|
||||||
|
}
|
||||||
15
theme.ts
Normal file
15
theme.ts
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
import { extendTheme } from "@chakra-ui/react";
|
||||||
|
|
||||||
|
const fontString =
|
||||||
|
'"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;';
|
||||||
|
|
||||||
|
export default extendTheme({
|
||||||
|
config: {
|
||||||
|
initialColorMode: "dark",
|
||||||
|
useSystemColorMode: true,
|
||||||
|
},
|
||||||
|
fonts: {
|
||||||
|
body: fontString,
|
||||||
|
heading: fontString,
|
||||||
|
},
|
||||||
|
});
|
||||||
21
tsconfig.json
Normal file
21
tsconfig.json
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"target": "ESNext",
|
||||||
|
"useDefineForClassFields": true,
|
||||||
|
"lib": ["DOM", "DOM.Iterable", "ESNext"],
|
||||||
|
"allowJs": false,
|
||||||
|
"skipLibCheck": true,
|
||||||
|
"esModuleInterop": false,
|
||||||
|
"allowSyntheticDefaultImports": true,
|
||||||
|
"strict": true,
|
||||||
|
"forceConsistentCasingInFileNames": true,
|
||||||
|
"module": "ESNext",
|
||||||
|
"moduleResolution": "Node",
|
||||||
|
"resolveJsonModule": true,
|
||||||
|
"isolatedModules": true,
|
||||||
|
"noEmit": true,
|
||||||
|
"jsx": "react-jsx",
|
||||||
|
"types": ["@cloudflare/workers-types"]
|
||||||
|
},
|
||||||
|
"references": [{ "path": "./tsconfig.node.json" }]
|
||||||
|
}
|
||||||
9
tsconfig.node.json
Normal file
9
tsconfig.node.json
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
{
|
||||||
|
"compilerOptions": {
|
||||||
|
"composite": true,
|
||||||
|
"module": "ESNext",
|
||||||
|
"moduleResolution": "Node",
|
||||||
|
"allowSyntheticDefaultImports": true
|
||||||
|
},
|
||||||
|
"include": ["vite.config.ts"]
|
||||||
|
}
|
||||||
8
vite.config.ts
Normal file
8
vite.config.ts
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
import { defineConfig } from "vite";
|
||||||
|
import react from "@vitejs/plugin-react";
|
||||||
|
import ssr from "vite-plugin-ssr/plugin";
|
||||||
|
|
||||||
|
// https://vitejs.dev/config/
|
||||||
|
export default defineConfig({
|
||||||
|
plugins: [react(), ssr({ prerender: true })],
|
||||||
|
});
|
||||||
Loading…
x
Reference in New Issue
Block a user