Websites/liljudd-website
1
0
Fork 0
Code Issues Pull requests Projects Releases 3 Packages Wiki Activity

Compare commits

base: Websites:712affc83d6fa7ab1765e17edb2a0bab2056d4ca
Branches Tags
Websites:master
Websites:1.0.0
Websites:0.0.2
Websites:0.0.1
...
compare: Websites:c3bf31b3d4b806a303c4c2250ae4d47e4a444acf
Branches Tags
Websites:master
Websites:1.0.0
Websites:0.0.2
Websites:0.0.1

4 commits
712affc83d ... c3bf31b3d4

Author SHA1 Message Date
aronmal
c3bf31b3d4
feat: complete last commit 2024-01-16 20:24:48 +01:00
aronmal
55b81fac91
style: login and config working 2024-01-16 20:22:23 +01:00
aronmal
a657906f4f
Update solid-start 2024-01-14 18:22:23 +01:00
aronmal
2a1cf8114e
Fix: schema, move favicon and config page 2024-01-11 11:41:37 +01:00
43 changed files with 10948 additions and 3555 deletions
Show stats Expand all files Collapse all files

5
discord_client_testing.http
View file

@ -13,6 +13,11 @@ Authorization: Bearer {{$dotenv DISCORD_ACCESS_TOKEN}}
### ###
GET https://discord.com/api/guilds/{{$dotenv DISCORD_GUILD_ID}}
Authorization: Bot {{$dotenv DISCORD_BOT_TOKEN}}
###
POST https://discord.com/api/oauth2/token/revoke POST https://discord.com/api/oauth2/token/revoke
Content-Type: application/x-www-form-urlencoded Content-Type: application/x-www-form-urlencoded
Authorization: Basic {{$dotenv DISCORD_CLIENT_ID}}:{{$dotenv DISCORD_CLIENT_SECRET}} Authorization: Basic {{$dotenv DISCORD_CLIENT_ID}}:{{$dotenv DISCORD_CLIENT_SECRET}}

6
drizzle.config.ts
View file

@ -1,5 +1,5 @@
import "dotenv/config" import "dotenv/config";
import type { Config } from "drizzle-kit" import type { Config } from "drizzle-kit";
export default { export default {
schema: "./src/drizzle/schema.ts", schema: "./src/drizzle/schema.ts",
@ -8,4 +8,4 @@ export default {
dbCredentials: { dbCredentials: {
connectionString: process.env.DATABASE_URL ?? "", connectionString: process.env.DATABASE_URL ?? "",
}, },
} satisfies Config } satisfies Config;

24
package.json
View file

@ -7,20 +7,30 @@
"start": "vinxi start", "start": "vinxi start",
"lint": "eslint --fix \"**/*.{ts,tsx,js,jsx}\"", "lint": "eslint --fix \"**/*.{ts,tsx,js,jsx}\"",
"push": "drizzle-kit push:pg", "push": "drizzle-kit push:pg",
"discord-openapi-gen": "pnpm openapi-typescript https://raw.githubusercontent.com/discord/discord-api-spec/main/specs/openapi.json -o ./src/types/discord.d.ts",
"liljudd-openapi-gen": "pnpm openapi-typescript ./public/api/specs/liljudd.json -o ./src/types/liljudd.d.ts",
"typecheck": "tsc --noEmit --checkJs false --skipLibCheck" "typecheck": "tsc --noEmit --checkJs false --skipLibCheck"
}, },
"dependencies": { "dependencies": {
"@auth/core": "^0.19.0", "@auth/core": "^0.19.0",
"@auth/drizzle-adapter": "^0.3.12", "@auth/drizzle-adapter": "^0.3.12",
"@auth/solid-start": "0.1.2", "@auth/solid-start": "0.1.2",
"@solidjs/meta": "^0.29.3", "@fortawesome/fontawesome-svg-core": "^6.5.1",
"@solidjs/router": "^0.10.5", "@fortawesome/pro-duotone-svg-icons": "^6.5.1",
"@solidjs/start": "^0.4.2", "@fortawesome/pro-light-svg-icons": "^6.5.1",
"@fortawesome/pro-regular-svg-icons": "^6.5.1",
"@fortawesome/pro-solid-svg-icons": "^6.5.1",
"@fortawesome/pro-thin-svg-icons": "^6.5.1",
"@fortawesome/sharp-solid-svg-icons": "^6.5.1",
"@solidjs/meta": "^0.29.2",
"@solidjs/router": "^0.10.9",
"@solidjs/start": "^0.4.9",
"drizzle-orm": "^0.29.2", "drizzle-orm": "^0.29.2",
"moment-timezone": "^0.5.44",
"openapi-fetch": "^0.8.2",
"postgres": "^3.4.3", "postgres": "^3.4.3",
"solid-js": "^1.8.7", "solid-js": "^1.8.11",
"solid-start": "^0.3.10", "vinxi": "^0.1.2"
"vinxi": "0.0.62"
}, },
"devDependencies": { "devDependencies": {
"@typescript-eslint/eslint-plugin": "^6.17.0", "@typescript-eslint/eslint-plugin": "^6.17.0",
@ -30,10 +40,12 @@
"eslint": "^8.56.0", "eslint": "^8.56.0",
"eslint-config-prettier": "^9.1.0", "eslint-config-prettier": "^9.1.0",
"eslint-plugin-solid": "^0.13.1", "eslint-plugin-solid": "^0.13.1",
"openapi-typescript": "^6.7.3",
"pg": "^8.11.3", "pg": "^8.11.3",
"prettier": "^3.1.1", "prettier": "^3.1.1",
"prettier-plugin-organize-imports": "^3.2.4", "prettier-plugin-organize-imports": "^3.2.4",
"sass": "^1.69.6", "sass": "^1.69.6",
"typescript": "^5.3.3",
"zod": "3.22.4" "zod": "3.22.4"
}, },
"engines": { "engines": {

3723
pnpm-lock.yaml
View file

File diff suppressed because it is too large Load diff

34
public/api/index.html Normal file
View file

@ -0,0 +1,34 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="SwaggerUI" />
<title>SwaggerUI</title>
<link
rel="stylesheet"
href="https://unpkg.com/swagger-ui-dist@4.5.0/swagger-ui.css"
/>
</head>
<body>
<div id="swagger-ui"></div>
<script
src="https://unpkg.com/swagger-ui-dist@4.5.0/swagger-ui-bundle.js"
crossorigin
></script>
<script
src="https://unpkg.com/swagger-ui-dist@4.5.0/swagger-ui-standalone-preset.js"
crossorigin
></script>
<script>
window.onload = () => {
window.ui = SwaggerUIBundle({
url: "/api/specs/liljudd.json",
dom_id: "#swagger-ui",
presets: [SwaggerUIBundle.presets.apis, SwaggerUIStandalonePreset],
layout: "StandaloneLayout",
});
};
</script>
</body>
</html>

238
public/api/specs/liljudd.json Normal file
View file

@ -0,0 +1,238 @@
{
"openapi": "3.0.0",
"info": {
"title": "li'l Judd - OpenAPI 3.0",
"description": "None yet",
"termsOfService": "https://liljudd.ink/terms-of-service/",
"contact": {
"url": "https://liljudd.ink/contact/"
},
"version": "0.0.0"
},
"paths": {
"/api/config/{guildId}": {
"get": {
"tags": [
"Guild configs"
],
"summary": "Find guild config by ID",
"description": "Returns a single guild config",
"operationId": "getGuildById",
"parameters": [
{
"name": "guildId",
"in": "path",
"description": "ID of guild config to return",
"required": true,
"schema": {
"type": "string",
"format": "varchar(19)"
}
}
],
"responses": {
"200": {
"description": "successful operation",
"content": {
"application/json": {
"schema": {
"$ref": "#/components/schemas/guildConfig"
}
}
}
},
"400": {
"description": "Invalid ID supplied"
},
"404": {
"description": "Guild not found"
}
},
"security": [
{
"api_key": []
}
]
},
"delete": {
"tags": [
"Guild configs"
],
"summary": "Deletes a guild config by ID",
"description": "Delete a guild's config",
"operationId": "deleteGuildById",
"parameters": [
{
"name": "guildId",
"in": "path",
"description": "ID of guild config to delete",
"required": true,
"schema": {
"type": "string",
"format": "varchar(19)"
}
}
],
"responses": {
"204": {
"description": "successful operation"
},
"400": {
"description": "Invalid ID supplied"
},
"404": {
"description": "Guild not found"
}
},
"security": [
{
"api_key": []
}
]
}
},
"/api/tp_messages/{guildId}": {
"get": {
"tags": [
"Time planning messages"
],
"summary": "Find guild by ID for it's tp_messages",
"description": "Returns tp_messages for a guild",
"operationId": "getTp_messagesOfGuildById",
"parameters": [
{
"name": "guildId",
"in": "path",
"description": "ID of guild's tp_messages to return",
"required": true,
"schema": {
"type": "string",
"format": "varchar(19)"
}
}
],
"responses": {
"200": {
"description": "successful operation",
"content": {
"application/json": {
"schema": {
"$ref": "#/components/schemas/guildConfig"
}
}
}
},
"204": {
"description": "Time planning not enabled for this guild"
},
"400": {
"description": "Invalid ID supplied"
},
"404": {
"description": "Guild not found"
}
},
"security": [
{
"api_key": []
}
]
}
}
},
"components": {
"schemas": {
"guildConfig": {
"type": "object",
"properties": {
"guildID": {
"type": "string",
"format": "varchar(19)",
"example": "1234567890123456789"
},
"features": {
"type": "object",
"properties": {
"time_planning": {
"type": "object",
"properties": {
"channelID": {
"type": "string",
"format": "varchar(19)",
"example": "1234567890123456789"
},
"cron": {
"type": "string",
"example": "0 0 1 * * * 60o 1w"
},
"isAvailableRoleId": {
"type": "string",
"format": "varchar(19)",
"example": "1234567890123456789"
},
"wantsToBeNotifieRoledId": {
"type": "string",
"format": "varchar(19)",
"example": "1234567890123456789"
}
}
}
}
},
"matches": {
"type": "array",
"items": {
"$ref": "#/components/schemas/match"
}
}
}
},
"match": {
"type": "object",
"properties": {
"channelID": {
"type": "string",
"format": "varchar(19)",
"example": "1234567890123456789"
},
"matchType": {
"type": "string",
"format": "varchar(50)",
"example": "Scrim"
},
"createrId": {
"type": "string",
"format": "varchar(19)",
"example": "1234567890123456789"
},
"roleId": {
"type": "string",
"format": "varchar(19)",
"example": "1234567890123456789"
},
"opponentName": {
"type": "string",
"format": "varchar(100)",
"example": "?"
},
"messsageId": {
"type": "string",
"format": "varchar(19)",
"example": "1234567890123456789"
},
"cron": {
"type": "string",
"example": "0 0 1 5 2 2023 60o"
}
}
}
},
"securitySchemes": {
"api_key": {
"type": "apiKey",
"name": "api_key",
"in": "header"
}
}
}
}

0
public/assets/favicon.ico → public/favicon.ico
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

9
src/app.tsx
View file

@ -1,12 +1,10 @@
// @refresh reload // @refresh reload
import "@fortawesome/fontawesome-svg-core/styles.css";
import { Meta, MetaProvider, Title } from "@solidjs/meta"; import { Meta, MetaProvider, Title } from "@solidjs/meta";
import { Router } from "@solidjs/router"; import { Router } from "@solidjs/router";
import { FileRoutes } from "@solidjs/start"; import { FileRoutes } from "@solidjs/start";
import { Suspense } from "solid-js"; import { Suspense } from "solid-js";
import Footer from "./components/Footer"; import "./styles/global.scss";
import NavBar from "./components/NavBar";
import "./styles/GlobalLayout.css";
import "./styles/Layout.scss";
export default function App() { export default function App() {
return ( return (
@ -18,9 +16,8 @@ export default function App() {
content="The Splatoon Discord bot with unique features." content="The Splatoon Discord bot with unique features."
/> />
<Title>li'l Judd - Your competitive Splatoon assistant</Title> <Title>li'l Judd - Your competitive Splatoon assistant</Title>
<NavBar />
<Suspense>{props.children}</Suspense> <Suspense>{props.children}</Suspense>
<Footer />
</MetaProvider> </MetaProvider>
)} )}
> >

151
src/components/FontAwesomeIcon.tsx Normal file
View file

@ -0,0 +1,151 @@
import {
FaSymbol,
FlipProp,
IconDefinition,
IconProp,
PullProp,
RotateProp,
SizeProp,
Transform,
} from "@fortawesome/fontawesome-svg-core";
import { type JSX } from "solid-js";
export interface FontAwesomeIconProps
extends Omit<
JSX.SvgSVGAttributes<SVGSVGElement>,
"children" | "mask" | "transform"
> {
icon: IconDefinition;
mask?: IconProp;
maskId?: string;
color?: string;
spin?: boolean;
spinPulse?: boolean;
spinReverse?: boolean;
pulse?: boolean;
beat?: boolean;
fade?: boolean;
beatFade?: boolean;
bounce?: boolean;
shake?: boolean;
flash?: boolean;
border?: boolean;
fixedWidth?: boolean;
inverse?: boolean;
listItem?: boolean;
flip?: FlipProp;
size?: SizeProp;
pull?: PullProp;
rotation?: RotateProp;
transform?: string | Transform;
symbol?: FaSymbol;
style?: JSX.CSSProperties;
tabIndex?: number;
title?: string;
titleId?: string;
swapOpacity?: boolean;
}
const idPool = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
function nextUniqueId() {
let size = 12;
let id = "";
while (size-- > 0) {
id += idPool[(Math.random() * 62) | 0];
}
return id;
}
function Path(props: { d: string | string[] }) {
return (
<>
{typeof props.d === "string" ? (
<path fill="currentColor" d={props.d} />
) : (
<>
<path class="fa-secondary" fill="currentColor" d={props.d[0]} />
<path class="fa-primary" fill="currentColor" d={props.d[1]} />
</>
)}
</>
);
}
export function FontAwesomeIcon(props: FontAwesomeIconProps) {
const titleId = () =>
props.title
? "svg-inline--fa-title-".concat(props.titleId || nextUniqueId())
: undefined;
// Get CSS class list from the props object
function attributes() {
const defaultClasses = {
"svg-inline--fa": true,
[`fa-${props.icon.iconName}`]: true,
[props.class ?? ""]:
typeof props.class !== "undefined" && props.class !== null,
...props.classList,
};
// map of CSS class names to properties
const faClasses = {
"fa-beat": props.beat,
"fa-fade": props.fade,
"fa-beat-fade": props.beatFade,
"fa-bounce": props.bounce,
"fa-shake": props.shake,
"fa-flash": props.flash,
"fa-spin": props.spin,
"fa-spin-reverse": props.spinReverse,
"fa-spin-pulse": props.spinPulse,
"fa-pulse": props.pulse,
"fa-fw": props.fixedWidth,
"fa-inverse": props.inverse,
"fa-border": props.border,
"fa-li": props.listItem,
"fa-flip": typeof props.flip !== "undefined" && props.flip !== null,
"fa-flip-horizontal":
props.flip === "horizontal" || props.flip === "both",
"fa-flip-vertical": props.flip === "vertical" || props.flip === "both",
[`fa-${props.size}`]:
typeof props.size !== "undefined" && props.size !== null,
[`fa-rotate-${props.rotation}`]:
typeof props.rotation !== "undefined" && props.size !== null,
[`fa-pull-${props.pull}`]:
typeof props.pull !== "undefined" && props.pull !== null,
"fa-swap-opacity": props.swapOpacity,
};
const attributes = {
focusable: !!props.title,
"aria-hidden": !props.title,
role: "img",
xmlns: "http://www.w3.org/2000/svg",
"aria-labelledby": titleId(),
"data-prefix": props.icon.prefix,
"data-icon": props.icon.iconName,
"data-fa-transform": props.transform,
"data-fa-mask": props.mask,
"data-fa-mask-id": props.maskId,
"data-fa-symbol": props.symbol,
tabIndex: props.tabIndex,
classList: { ...defaultClasses, ...faClasses },
color: props.color,
style: props.style,
viewBox: `0 0 ${props.icon.icon[0]} ${props.icon.icon[1]}`,
} as const;
// return the complete class list
return attributes;
}
return (
<svg {...attributes()}>
{/* <Show when={props.title}>
<title id={titleId()}>{props.title}</title>
</Show> */}
<Path d={props.icon.icon[4]} />
</svg>
);
}

18
src/components/Layout.tsx Normal file
View file

@ -0,0 +1,18 @@
import { JSX, Suspense } from "solid-js";
import "../styles/Layout.scss";
import Footer from "./Footer";
import NavBar from "./NavBar";
function Layout(props: { children: JSX.Element; site: string }) {
return (
<>
<NavBar />
<div class={props.site}>
<Suspense>{props.children}</Suspense>
</div>
<Footer />
</>
);
}
export default Layout;

74
src/components/NavBar.tsx
View file

@ -1,35 +1,53 @@
import { faCirclePlus } from "@fortawesome/pro-regular-svg-icons";
import { JSX, Show, Suspense } from "solid-js";
import "../styles/components/NavBar.scss"; import "../styles/components/NavBar.scss";
import { FontAwesomeIcon } from "./FontAwesomeIcon";
import NavUser from "./NavUser";
export function Li(props: {
href: string;
action?: () => void;
name?: string;
children?: JSX.Element;
}) {
return (
<li class="navElem flex-row thick">
<a
class="flex-row"
href={props.href}
onClick={() => props.action && props.action()}
>
{props.children ?? <></>}
<Show when={props.name}>
<span>{props.name}</span>
</Show>
</a>
</li>
);
}
function NavBar() { function NavBar() {
return ( return (
<nav> <nav class="flex-row responsive">
<ul> <ul class="flex-row responsive thick">
<li class="navElem"> <Li href="/" name="li'l Judd">
<a class="textBx" href="/"> <img src="/assets/logox256.png" alt="The Bots Logo" />
<img id="logo" src="/assets/logox256.png" alt="The Bots Logo" /> </Li>
li&apos;l Judd <Li href="/features" name="Features" />
</a> <Li href="/how-do-i" name="How do I...?" />
</li> <Li href="/stack" name="The Stack" />
<li class="navElem"> <Li href="/about" name="About" />
<a href="/features">Features</a> </ul>
</li> <ul class="flex-row responsive thick">
<li class="navElem"> <Li
<a href="/how-do-i">How do I...?</a> href="https://discord.com/api/oauth2/authorize?client_id=1024410658973941862&permissions=18977581952080&scope=bot"
</li> name="Invite to your server"
<li class="navElem"> >
<a href="/stack">The Stack</a> <FontAwesomeIcon class="lower" icon={faCirclePlus} size="xl" />
</li> </Li>
<li class="navElem"> <Suspense>
<a href="/about">About</a> <NavUser />
</li> </Suspense>
<li class="navElem">
<a
href="https://discord.com/api/oauth2/authorize?client_id=1024410658973941862&permissions=18977581952080&scope=bot"
target="_blank"
>
Invite to your server
</a>
</li>
</ul> </ul>
</nav> </nav>
); );

87
src/components/NavUser.tsx Normal file
View file

@ -0,0 +1,87 @@
import { getSession } from "@auth/solid-start";
import { signIn, signOut } from "@auth/solid-start/client";
import {
faArrowRightFromBracket,
faArrowRightToBracket,
faGear,
} from "@fortawesome/pro-regular-svg-icons";
import { eq } from "drizzle-orm";
import { Show, createResource } from "solid-js";
import { getRequestEvent } from "solid-js/web";
import db from "~/drizzle";
import { users } from "~/drizzle/schema";
import { authOptions } from "~/server/auth";
import { FontAwesomeIcon } from "./FontAwesomeIcon";
import { Li } from "./NavBar";
const initialUser = {
id: "",
name: null as string | null,
email: "",
emailVerified: null as Date | null,
image: null as string | null,
};
async function getUser() {
"use server";
const event = getRequestEvent();
if (!event)
return { success: false, message: "No request event!", ...initialUser };
const session = await getSession(event.request, authOptions);
if (!session?.user?.id)
return { success: false, message: "No user with id!", ...initialUser };
const user = (
await db
.selectDistinct()
.from(users)
.where(eq(users.id, session.user?.id))
.limit(1)
.execute()
)[0];
return { success: true, message: "", ...user };
}
function NavUser() {
const [user] = createResource(() =>
getUser().then((e) => {
if (!e.success) console.log(1, e.message);
console.log(2, e);
return e;
}),
);
return (
<Show
when={user()?.id}
fallback={
<Li
href="#"
name="Login"
action={() => signIn("discord", { callbackUrl: "/config" })}
>
<FontAwesomeIcon
class="secondary"
icon={faArrowRightToBracket}
size="xl"
/>
</Li>
}
>
<Li href="/config">
<div class="swap lower">
<img class="primary" src={user()?.image ?? ""} alt="User pfp" />
<FontAwesomeIcon class="secondary" icon={faGear} size="xl" />
</div>
</Li>
<Li href="#" action={() => signOut({ callbackUrl: "/" })}>
<FontAwesomeIcon icon={faArrowRightFromBracket} size="xl" />
</Li>
</Show>
);
}
export default NavUser;

12
src/drizzle/index.ts
View file

@ -1,10 +1,10 @@
import { drizzle } from "drizzle-orm/postgres-js" import { drizzle } from "drizzle-orm/postgres-js";
import postgres from "postgres" import postgres from "postgres";
import * as schema from "./schema" import * as schema from "./schema";
const queryClient = postgres(process.env.DATABASE_URL ?? "") const queryClient = postgres(import.meta.env.VITE_DATABASE_URL ?? "");
const db = drizzle(queryClient, { const db = drizzle(queryClient, {
schema, schema,
}) });
export default db export default db;

67
src/drizzle/schema.ts
View file

@ -12,23 +12,22 @@ import {
} from "drizzle-orm/pg-core"; } from "drizzle-orm/pg-core";
export const users = pgTable("user", { export const users = pgTable("user", {
id: text("id").primaryKey(), id: text("id").notNull().primaryKey(),
name: text("name"), name: text("name"),
email: text("email").notNull(), email: text("email").notNull(),
emailVerified: timestamp("email_verified", { mode: "date" }), emailVerified: timestamp("emailVerified", { mode: "date" }),
image: text("image"), image: text("image"),
createdAt: timestamp("created_at").defaultNow(),
}); });
export const accounts = pgTable( export const accounts = pgTable(
"account", "account",
{ {
userId: text("user_id") userId: text("userId")
.notNull() .notNull()
.references(() => users.id, { onDelete: "cascade" }), .references(() => users.id, { onDelete: "cascade" }),
type: text("type").$type<AdapterAccount["type"]>().notNull(), type: text("type").$type<AdapterAccount["type"]>().notNull(),
provider: text("provider").notNull(), provider: text("provider").notNull(),
providerAccountId: text("provider_account_id").notNull(), providerAccountId: text("providerAccountId").notNull(),
refresh_token: text("refresh_token"), refresh_token: text("refresh_token"),
access_token: text("access_token"), access_token: text("access_token"),
expires_at: integer("expires_at"), expires_at: integer("expires_at"),
@ -45,15 +44,15 @@ export const accounts = pgTable(
); );
export const sessions = pgTable("session", { export const sessions = pgTable("session", {
sessionToken: text("session_token").primaryKey(), sessionToken: text("sessionToken").notNull().primaryKey(),
userId: text("user_id") userId: text("userId")
.notNull() .notNull()
.references(() => users.id, { onDelete: "cascade" }), .references(() => users.id, { onDelete: "cascade" }),
expires: timestamp("expires", { mode: "date" }).notNull(), expires: timestamp("expires", { mode: "date" }).notNull(),
}); });
export const verificationTokens = pgTable( export const verificationTokens = pgTable(
"verification_token", "verificationToken",
{ {
identifier: text("identifier").notNull(), identifier: text("identifier").notNull(),
token: text("token").notNull(), token: text("token").notNull(),
@ -66,14 +65,14 @@ export const verificationTokens = pgTable(
export const matchPlannings = pgTable("match_planning", { export const matchPlannings = pgTable("match_planning", {
id: serial("id").primaryKey(), id: serial("id").primaryKey(),
channelId: varchar("channel_id", { length: 19 }).notNull(), channelId: varchar("channel_id", { length: 20 }).notNull(),
matchtype: varchar("matchtype", { length: 50 }).notNull(), matchtype: varchar("match_type", { length: 50 }).notNull(),
createrId: varchar("creater_id", { length: 19 }).notNull(), createrId: varchar("creater_id", { length: 20 }).notNull(),
roleId: varchar("role_id", { length: 19 }).notNull(), roleId: varchar("role_id", { length: 20 }).notNull(),
opponentName: varchar("opponent_name", { length: 100 }).notNull(), opponentName: varchar("opponent_name", { length: 100 }).notNull(),
messageId: varchar("message_id", { length: 19 }).notNull(), messageId: varchar("message_id", { length: 20 }).notNull(),
plannedFor: timestamp("planned_for", { precision: 3 }).notNull(), ts: timestamp("ts").notNull(),
guildId: varchar("guild_id", { length: 19 }) guildId: varchar("guild_id", { length: 20 })
.notNull() .notNull()
.references(() => guilds.id, { onDelete: "cascade" }), .references(() => guilds.id, { onDelete: "cascade" }),
}); });
@ -86,7 +85,8 @@ export const matchPlanningsRelations = relations(matchPlannings, ({ one }) => ({
})); }));
export const guilds = pgTable("guild", { export const guilds = pgTable("guild", {
id: varchar("id", { length: 19 }).primaryKey(), id: varchar("id", { length: 20 }).primaryKey(),
timezone: text("timezone").notNull(),
}); });
export const guildsRelations = relations(guilds, ({ one, many }) => ({ export const guildsRelations = relations(guilds, ({ one, many }) => ({
@ -99,41 +99,42 @@ export const guildsRelations = relations(guilds, ({ one, many }) => ({
export const timePlannings = pgTable("time_planning", { export const timePlannings = pgTable("time_planning", {
id: serial("id").primaryKey(), id: serial("id").primaryKey(),
guildId: varchar("guild_id", { length: 19 }) guildId: varchar("guild_id", { length: 20 })
.notNull()
.unique()
.references(() => guilds.id, { .references(() => guilds.id, {
onDelete: "cascade", onDelete: "cascade",
}) }),
.notNull() channelId: varchar("channel_id", { length: 20 }).notNull(),
.unique(), target_interval: smallint("target_interval").notNull(),
channelId: varchar("channel_id", { length: 19 }).notNull(), isAvailableRoleId: varchar("is_available_role_id", { length: 20 }),
targetWeekday: smallint("target_weekday").notNull(),
targetHour: smallint("target_hour").notNull(),
targetMinute: smallint("target_minute").notNull(),
isAvailableRoleId: varchar("is_available_role_id", { length: 19 }),
wantsToBeNotifieRoledId: varchar("wants_to_be_notified_role_id", { wantsToBeNotifieRoledId: varchar("wants_to_be_notified_role_id", {
length: 19, length: 20,
}), }),
}); });
export const timePlanningsRelations = relations( export const timePlanningsRelations = relations(
timePlannings, timePlannings,
({ one, many }) => ({ ({ one, many }) => ({
guild: one(tpMessages), guild: one(guilds, {
fields: [timePlannings.guildId],
references: [guilds.id],
}),
messages: many(tpMessages), messages: many(tpMessages),
}), }),
); );
export const tpMessages = pgTable("tp_message", { export const tpMessages = pgTable("tp_message", {
messageId: varchar("message_id", { length: 19 }).primaryKey(), messageId: varchar("message_id", { length: 20 }).primaryKey(),
day: smallint("day").notNull(), day: smallint("day").notNull(),
planId: varchar("plan_id", { length: 19 }) planId: integer("plan_id")
.notNull() .notNull()
.references(() => timePlannings.guildId, { onDelete: "cascade" }), .references(() => timePlannings.id, { onDelete: "cascade" }),
}); });
export const tpMessagesRelations = relations(tpMessages, ({ one }) => ({ export const tpMessagesRelations = relations(tpMessages, ({ one }) => ({
timePlanning: one(timePlannings, { plan: one(timePlannings, {
fields: [tpMessages.messageId], fields: [tpMessages.planId],
references: [timePlannings.channelId], references: [timePlannings.id],
}), }),
})); }));

5
src/entry-server.tsx
View file

@ -1,4 +1,5 @@
import { createHandler, StartServer } from "@solidjs/start/server"; import { createHandler } from "@solidjs/start/entry";
import { StartServer } from "@solidjs/start/server";
export default createHandler(() => ( export default createHandler(() => (
<StartServer <StartServer
@ -7,7 +8,7 @@ export default createHandler(() => (
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="/assets/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
{assets} {assets}
</head> </head>
<body id="app"> <body id="app">

5
src/routes/[...404].tsx
View file

@ -1,10 +1,11 @@
import { Title } from "@solidjs/meta"; import { Title } from "@solidjs/meta";
import { HttpStatusCode } from "@solidjs/start"; import { HttpStatusCode } from "@solidjs/start";
import Layout from "~/components/Layout";
import "../styles/pages/index.scss"; import "../styles/pages/index.scss";
export default function NotFound() { export default function NotFound() {
return ( return (
<> <Layout site="index">
<Title>Not Found</Title> <Title>Not Found</Title>
<HttpStatusCode code={404} /> <HttpStatusCode code={404} />
<section class="index"> <section class="index">
@ -17,6 +18,6 @@ export default function NotFound() {
</p> </p>
</div> </div>
</section> </section>
</> </Layout>
); );
} }

141
src/routes/about.tsx
View file

@ -1,78 +1,77 @@
import Layout from "~/components/Layout";
import "../styles/pages/about.scss"; import "../styles/pages/about.scss";
function about() { function about() {
return ( return (
<> <Layout site="about">
<div class="aboutdiv"> <h1>About</h1>
<h1>About</h1> <section>
<section> <h2>Why does this bot exist?</h2>
<h2>Why does this bot exist?</h2> <p>
<p> We had a person in our team, who sent{" "}
We had a person in our team, who sent{" "} <a href="/assets/screenshots/oldplanningmsg.png" target="_blank">
<a href="/assets/screenshots/oldplanningmsg.png" target="_blank"> these planning messages
these planning messages </a>{" "}
</a>{" "} and I thought that this should be automated. Some time later the first
and I thought that this should be automated. Some time later the version of li'l Judd was born. Today the bot has more features and
first version of li'l Judd was born. Today the bot has more features keeps getting more of them! It is designed to actually improve the
and keeps getting more of them! It is designed to actually improve Splatoon experience and not be the 10000th moderation and general
the Splatoon experience and not be the 10000th moderation and utility bot with the same features as all bots.
general utility bot with the same features as all bots. </p>
</p> </section>
</section> <section>
<section> <h2>Who is behind this?</h2>
<h2>Who is behind this?</h2> <p>
<p> The bot is currently being developed by{" "}
The bot is currently being developed by{" "} <a href="/contact">moonleay</a> (hey that&apos;s me!) with occasional
<a href="/contact">moonleay</a> (hey that&apos;s me!) with help from his friends!
occasional help from his friends! </p>
</p> </section>
</section> <section>
<section> <h2>How can I trust you?</h2>
<h2>How can I trust you?</h2> <p>
<p> The bot only requests permissions, which are needed for it to work.
The bot only requests permissions, which are needed for it to work. Additionally, if you want to check how the bot works under the hood,
Additionally, if you want to check how the bot works under the hood, you can
you can <a href="https://git.moonleay.net/DiscordBots/lilJudd">
<a href="https://git.moonleay.net/DiscordBots/lilJudd"> read the code
read the code </a>
</a> and if you still don't trust me, you can always host the bot yourself!
and if you still don't trust me, you can always host the bot A guide on how to do that can be found in the README of the git
yourself! A guide on how to do that can be found in the README of project.
the git project. </p>
</p> </section>
</section> <section>
<section> <h2>Where is my data stored?</h2>
<h2>Where is my data stored?</h2> <p>
<p> Your data is stored on a VPS from Contabo in Germany. The bot used to
Your data is stored on a VPS from Contabo in Germany. The bot used be hosted on a server in my basement, but I moved it to a VPS, because
to be hosted on a server in my basement, but I moved it to a VPS, my internet connection was not stable enough.
because my internet connection was not stable enough. </p>
</p> </section>
</section> <section>
<section> <h2>So whats in the future?</h2>
<h2>So whats in the future?</h2> <p>
<p> I plan on adding features, which are aimed to improve your and your
I plan on adding features, which are aimed to improve your and your teams competitive experience! You can check out my public todo list{" "}
teams competitive experience! You can check out my public todo list{" "} <a
<a href="https://todo.moonleay.net/share/OmisuzgPDdsrCAXKjGrTfYzWwqNDNclOMGJWeMsi/auth?view=kanban"
href="https://todo.moonleay.net/share/OmisuzgPDdsrCAXKjGrTfYzWwqNDNclOMGJWeMsi/auth?view=kanban" target="_blank"
target="_blank" >
> here
here </a>
</a> .
. </p>
</p> </section>
</section> <section>
<section> <h2>Hey, there is this really cool idea I have! Can you add it?</h2>
<h2>Hey, there is this really cool idea I have! Can you add it?</h2> <p>
<p> Just message me! I can't promise anything, but I am always open to new
Just message me! I can't promise anything, but I am always open to ideas and improvements! You can find ways to contact me{" "}
new ideas and improvements! You can find ways to contact me{" "} <a href="/contact">here</a>.
<a href="/contact">here</a>. </p>
</p> </section>
</section> </Layout>
</div>
</>
); );
} }

380
src/routes/acknowledgements.tsx
View file

@ -1,199 +1,195 @@
import Layout from "~/components/Layout";
import "../styles/pages/acknowledgements.scss"; import "../styles/pages/acknowledgements.scss";
function acknowledgements() { function acknowledgements() {
return ( return (
<> <Layout site="acknowledgements">
<div class="acknowledgements"> <h1>Acknowledgements</h1>
<h1>Acknowledgements</h1> <section>
<section> <table>
<table> <thead>
<thead> <tr>
<tr> <th>
<th> <p>tool</p>
<p>tool</p> </th>
</th> <th>
<th> <p>license</p>
<p>license</p> </th>
</th> <th>
<th> <p>page</p>
<p>page</p> </th>
</th> </tr>
</tr> </thead>
</thead> <tbody>
<tbody> <tr>
<tr> <td>
<td> <p>Kotlin</p>
<p>Kotlin</p> </td>
</td> <td>
<td> <a
<a href="https://kotlinlang.org/docs/faq.html#is-kotlin-free"
href="https://kotlinlang.org/docs/faq.html#is-kotlin-free" target="_blank"
target="_blank" >
> Apache license 2.0
Apache license 2.0 </a>
</a> </td>
</td> <td>
<td> <a href="https://kotlinlang.org/" target="_blank">
<a href="https://kotlinlang.org/" target="_blank"> website
website </a>
</a> </td>
</td> </tr>
</tr> <tr>
<tr> <td>
<td> <p>Kord</p>
<p>Kord</p> </td>
</td> <td>
<td> <a
<a href="https://github.com/kordlib/kord/blob/main/LICENSE"
href="https://github.com/kordlib/kord/blob/main/LICENSE" target="_blank"
target="_blank" >
> MIT license
MIT license </a>
</a> </td>
</td> <td>
<td> <a href="https://kord.dev/" target="_blank">
<a href="https://kord.dev/" target="_blank"> website
website </a>
</a> </td>
</td> </tr>
</tr> <tr>
<tr> <td>
<td> <p>Kord Extensions</p>
<p>Kord Extensions</p> </td>
</td> <td>
<td> <a
<a href="https://github.com/Kord-Extensions/kord-extensions/blob/root/LICENSE"
href="https://github.com/Kord-Extensions/kord-extensions/blob/root/LICENSE" target="_blank"
target="_blank" >
> Mozilla Public License 2.0
Mozilla Public License 2.0 </a>
</a> </td>
</td> <td>
<td> <a href="https://kordex.kotlindiscord.com/" target="_blank">
<a href="https://kordex.kotlindiscord.com/" target="_blank"> website
website </a>
</a> </td>
</td> </tr>
</tr> <tr>
<tr> <td>
<td> <p>PostgreSQL</p>
<p>PostgreSQL</p> </td>
</td> <td>
<td> <a
<a href="https://www.postgresql.org/about/licence/"
href="https://www.postgresql.org/about/licence/" target="_blank"
target="_blank" >
> PostgreSQL license
PostgreSQL license </a>
</a> </td>
</td> <td>
<td> <a href="https://www.postgresql.org/" target="_blank">
<a href="https://www.postgresql.org/" target="_blank"> website
website </a>
</a> </td>
</td> </tr>
</tr> <tr>
<tr> <td>
<td> <p>kotlinx-coroutines-core</p>
<p>kotlinx-coroutines-core</p> </td>
</td> <td>
<td> <a
<a href="https://github.com/Kotlin/kotlinx.coroutines/blob/master/LICENSE.txt"
href="https://github.com/Kotlin/kotlinx.coroutines/blob/master/LICENSE.txt" target="_blank"
target="_blank" >
> Apache license 2.0
Apache license 2.0 </a>
</a> </td>
</td> <td>
<td> <a
<a href="https://github.com/Kotlin/kotlinx.coroutines"
href="https://github.com/Kotlin/kotlinx.coroutines" target="_blank"
target="_blank" >
> repo
repo </a>
</a> </td>
</td> </tr>
</tr> <tr>
<tr> <td>
<td> <p>slf4j</p>
<p>slf4j</p> </td>
</td> <td>
<td> <a
<a href="https://github.com/qos-ch/slf4j/blob/master/LICENSE.txt"
href="https://github.com/qos-ch/slf4j/blob/master/LICENSE.txt" target="_blank"
target="_blank" >
> MIT license
MIT license </a>
</a> </td>
</td> <td>
<td> <a href="https://www.slf4j.org/" target="_blank">
<a href="https://www.slf4j.org/" target="_blank"> website
website </a>
</a> </td>
</td> </tr>
</tr> <tr>
<tr> <td>
<td> <p>Exposed</p>
<p>Exposed</p> </td>
</td> <td>
<td> <a href="https://github.com/JetBrains/Exposed/blob/main/LICENSE.txt">
<a href="https://github.com/JetBrains/Exposed/blob/main/LICENSE.txt"> Apache license 2.0
Apache license 2.0 </a>
</a> </td>
</td> <td>
<td> <a href="https://github.com/JetBrains/Exposed" target="_blank">
<a repo
href="https://github.com/JetBrains/Exposed" </a>
target="_blank" </td>
> </tr>
repo <tr>
</a> <td>
</td> <p>Krontab</p>
</tr> </td>
<tr> <td>
<td> <a
<p>Krontab</p> href="https://github.com/InsanusMokrassar/krontab/blob/master/LICENSE"
</td> target="_blank"
<td> >
<a Apache license 2.0
href="https://github.com/InsanusMokrassar/krontab/blob/master/LICENSE" </a>
target="_blank" </td>
> <td>
Apache license 2.0 <a
</a> href="https://github.com/InsanusMokrassar/krontab"
</td> target="_blank"
<td> >
<a repo
href="https://github.com/InsanusMokrassar/krontab" </a>
target="_blank" </td>
> </tr>
repo <tr>
</a> <td>
</td> <p>Splatoon3.ink</p>
</tr> </td>
<tr> <td>
<td> <a
<p>Splatoon3.ink</p> href="https://github.com/misenhower/splatoon3.ink/blob/main/license.md"
</td> target="_blank"
<td> >
<a MIT License
href="https://github.com/misenhower/splatoon3.ink/blob/main/license.md" </a>
target="_blank" </td>
> <td>
MIT License <a href="https://splatoon3.ink/" target="_blank">
</a> website
</td> </a>
<td> </td>
<a href="https://splatoon3.ink/" target="_blank"> </tr>
website </tbody>
</a> </table>
</td> </section>
</tr> </Layout>
</tbody>
</table>
</section>
</div>
</>
); );
} }

57
src/routes/config.tsx
View file

@ -1,57 +0,0 @@
import "../styles/pages/config.scss";
function config() {
return (
<div>
<h3 class={"centered"}>Configure li&apos;l Judd in</h3>
<div class={"config"}>
<div>
<div class={"horizontal centered"}>
<img class={"guildpfp"} src="https://cdn.discordapp.com/icons/1040502664506646548/bb5a51c4659cf47bdd942bb11e974da7.webp?size=240" alt="Server pfp" />
<h1>li'l Judds home base</h1>
</div>
</div>
<article>
<h2>Timezone</h2>
<p>Set the timezone for your server.</p>
<label>
<select>
<option value="-1">UTC-1:00</option>
<option value="0">UTC+0:00</option>
<option value="1">UTC+1:00</option>
</select>
</label>
</article>
<section>
<div class={"centered"}>
<h2>Features</h2>
<p>Configure the features of the bot</p>
</div>
<article>
<div class={"horizontal"}>
<h3>Time Planning</h3>
<input type="checkbox" id="time planning" />
</div>
<label class={"horizontal"}>
<p class={"marg_right_5px"}>Target channel:</p>
<select>
<option value="id">Channel 1</option>
<option value="id">Channel 2</option>
<option value="id">Channel 3</option>
<option value="id">Channel 4</option>
</select>
</label>
<div class={"horizontal"}>
<h4>Enable pingable Roles</h4>
<input type="checkbox" id="pingableroles" />
</div>
</article>
</section>
<button>Apply</button>
</div>
</div>
);
}
export default config;

271
src/routes/config/[guildId].tsx Normal file
View file

@ -0,0 +1,271 @@
import { getSession } from "@auth/solid-start";
import { faToggleOff, faToggleOn } from "@fortawesome/pro-regular-svg-icons";
import { useNavigate, useParams } from "@solidjs/router";
import { eq } from "drizzle-orm";
import moment from "moment-timezone";
import createClient from "openapi-fetch";
import { Index, createEffect, createResource, createSignal } from "solid-js";
import { createStore } from "solid-js/store";
import { getRequestEvent } from "solid-js/web";
import { FontAwesomeIcon } from "~/components/FontAwesomeIcon";
import Layout from "~/components/Layout";
import db from "~/drizzle";
import { accounts } from "~/drizzle/schema";
import { authOptions } from "~/server/auth";
import { paths } from "~/types/discord";
import "../../styles/pages/config.scss";
const guessTZ = () => Intl.DateTimeFormat().resolvedOptions().timeZone;
const initialValue = (params: ReturnType<typeof useParams>) => ({
success: null as boolean | null,
guild: {
id: params.guildId,
name: undefined as string | undefined,
icon: undefined as string | null | undefined,
},
tzNames: [guessTZ()],
});
const getPayload = async (
id: string,
): Promise<
| { success: false; message: string }
| (ReturnType<typeof initialValue> & { success: true })
> => {
"use server";
const event = getRequestEvent();
if (!event) return { success: false, message: "No request event!" };
const session = await getSession(event.request, authOptions);
if (!session?.user?.id)
return { success: false, message: "No user with id!" };
const { DISCORD_ACCESS_TOKEN } = (
await db
.selectDistinct({ DISCORD_ACCESS_TOKEN: accounts.access_token })
.from(accounts)
.where(eq(accounts.userId, session.user?.id))
.limit(1)
.execute()
)[0];
if (!DISCORD_ACCESS_TOKEN)
return { success: false, message: "No discord access token!" };
// const guilds = await fetch("https://discord.com/api/users/@me/guilds", {
// headers: { Authorization: `Bearer ${DISCORD_ACCESS_TOKEN}` },
// }).then((res) => res.json());
const { GET } = createClient<paths>({
baseUrl: "https://discord.com/api/v10",
});
const { data: guilds, error } = await GET("/users/@me/guilds", {
headers: { Authorization: `Bearer ${DISCORD_ACCESS_TOKEN}` },
});
if (error) {
console.log(error);
return { success: false, message: "Error on discord api request!" };
}
const guild = guilds?.find((e) => e.id === id);
if (!guild)
return {
success: false,
message: "User is in no such guild with requested id!",
};
if (!(parseInt(guild.permissions) & (1 << 5)))
return {
success: false,
message:
"User is no MANAGE_GUILD permissions on this guild with requested id!",
};
return {
success: true,
guild: {
id: guild.id,
name: guild.name,
icon: guild.icon,
},
// guild: guilds
// .filter((e: any) => e.permissions & (1 << 5))
// .map((e: any) => e.name),
tzNames: moment.tz.names(),
};
};
function config() {
const params = useParams();
const navigator = useNavigate();
let timezoneRef: HTMLInputElement;
let timePlanningRef: HTMLInputElement;
let pingableRolesRef: HTMLInputElement;
const [timezone, setTimezone] = createSignal(guessTZ());
const [payload] = createResource(params.guildId, async (id) => {
const payload = await getPayload(id);
if (!payload.success) {
console.log(payload.message, "No success");
navigator("/config", { replace: false });
return initialValue(params);
}
return payload;
});
const guild = () => payload()?.guild ?? initialValue(params).guild;
const tzNames = () => payload()?.tzNames ?? [];
const [config, setConfig] = createStore({
features: {
timePlanning: {
enabled: false,
pingableRoles: false,
},
},
});
createEffect(() => console.log(payload()));
createEffect(() => console.log("timezone", timezone()));
createEffect(() =>
console.log("timePlanning.enabled", config.features.timePlanning.enabled),
);
createEffect(() =>
console.log(
"timePlanning.pingableRoles",
config.features.timePlanning.pingableRoles,
),
);
createEffect(() => (timezoneRef.value = timezone()));
createEffect(
() => (timePlanningRef.checked = config.features.timePlanning.enabled),
);
createEffect(
() =>
(pingableRolesRef.checked = config.features.timePlanning.pingableRoles),
);
return (
<Layout site="config">
<h3 class="text-center">Configure li&apos;l Judd in</h3>
<div>
<div>
<div class="flex-row centered">
<img
class="guildpfp"
src={
guild()?.icon
? `https://cdn.discordapp.com/icons/${guild()?.id}/${guild()
?.icon}.webp?size=240`
: "https://cdn.discordapp.com/icons/1040502664506646548/bb5a51c4659cf47bdd942bb11e974da7.webp?size=240"
}
alt="Server pfp"
/>
<h1>{guild()?.name ?? "li'l Judds home base"}</h1>
</div>
</div>
<section>
<h2>Guild</h2>
<p>General settings for this guild.</p>
<div class="flex-row">
<label for="timezone">Timezone for your server:</label>
<input
type="text"
list="timezones"
id="timezone"
ref={timezoneRef!}
// disabled={!tzNames().find((e) => e === timezone())}
onInput={(e) => setTimezone(e.target.value)}
/>
<datalist id="timezones">
<Index each={tzNames()}>
{(zone) => <option value={zone()} />}
</Index>
</datalist>
<button
disabled={guessTZ() === timezone()}
title={"Detected: " + guessTZ()}
onClick={() => setTimezone(guessTZ())}
>
Auto-detect
</button>
</div>
</section>
<section>
<h2>Features</h2>
<p>Configure the features of the bot</p>
<label for="timePlanning" class="flex-row">
<p>Time Planning </p>
<FontAwesomeIcon
icon={
config.features.timePlanning.enabled ? faToggleOn : faToggleOff
}
size="xl"
/>
</label>
<input
hidden
type="checkbox"
id="timePlanning"
ref={timePlanningRef!}
onInput={(e) =>
setConfig("features", "timePlanning", "enabled", e.target.checked)
}
/>
<div
class="sub"
classList={{ disabled: !config.features.timePlanning.enabled }}
>
<div class="flex-row">
<label>Target channel:</label>
<select value={timezone()}>
<optgroup label="--Select a Channel--">
<Index each={tzNames()}>
{(channel) => <option>{channel()}</option>}
</Index>
</optgroup>
</select>
</div>
<div class="flex-row">
<label for="pingableRoles" class="flex-row">
<p>Enable pingable Roles:</p>
<FontAwesomeIcon
icon={
config.features.timePlanning.pingableRoles
? faToggleOn
: faToggleOff
}
size="xl"
/>
</label>
<input
hidden
type="checkbox"
id="pingableRoles"
ref={pingableRolesRef!}
onInput={(e) =>
setConfig(
"features",
"timePlanning",
"pingableRoles",
e.target.checked,
)
}
/>
</div>
</div>
</section>
<section>
<button>Apply</button>
</section>
</div>
</Layout>
);
}
export default config;

124
src/routes/config/index.tsx Normal file
View file

@ -0,0 +1,124 @@
import { getSession } from "@auth/solid-start";
import {
faBadgeCheck,
faCircleExclamation,
faPlus,
} from "@fortawesome/pro-regular-svg-icons";
import { useNavigate } from "@solidjs/router";
import { eq } from "drizzle-orm";
import createClient from "openapi-fetch";
import { For, createResource } from "solid-js";
import { getRequestEvent } from "solid-js/web";
import { FontAwesomeIcon } from "~/components/FontAwesomeIcon";
import Layout from "~/components/Layout";
import db from "~/drizzle";
import { accounts } from "~/drizzle/schema";
import { authOptions } from "~/server/auth";
import { paths } from "~/types/discord";
import "../../styles/pages/config.scss";
const initialValue = () => ({
success: null as boolean | null,
guilds: [] as {
id: string;
name: string;
icon: string | null | undefined;
}[],
});
const getPayload = async (): Promise<
| { success: false; message: string }
| (ReturnType<typeof initialValue> & { success: true })
> => {
("use server");
const event = getRequestEvent();
if (!event) return { success: false, message: "No request event!" };
const session = await getSession(event.request, authOptions);
if (!session?.user?.id)
return { success: false, message: "No user with id!" };
const { DISCORD_ACCESS_TOKEN } = (
await db
.selectDistinct({ DISCORD_ACCESS_TOKEN: accounts.access_token })
.from(accounts)
.where(eq(accounts.userId, session.user?.id))
.limit(1)
.execute()
)[0];
if (!DISCORD_ACCESS_TOKEN)
return { success: false, message: "No discord access token!" };
const { GET } = createClient<paths>({
baseUrl: "https://discord.com/api/v10",
});
const { data: guilds, error } = await GET("/users/@me/guilds", {
headers: { Authorization: `Bearer ${DISCORD_ACCESS_TOKEN}` },
});
console.log("guilds", guilds);
if (error) {
console.log(error);
return { success: false, message: "Error on discord api request!" };
}
return {
success: true,
guilds:
guilds
?.filter((e) => parseInt(e.permissions) & (1 << 5))
.map(({ id, name, icon }) => ({ id, name, icon })) ?? [],
};
};
function index() {
const navigator = useNavigate();
const [payload] = createResource(async () => {
const payload = await getPayload();
if (!payload.success) {
console.log(payload.message, "No success");
navigator("/", { replace: false });
return initialValue();
}
console.log("success");
return payload;
});
const icons = [faPlus, faCircleExclamation, faBadgeCheck];
const colors = [undefined, "orange", "green"];
return (
<Layout site="config">
<h3 class="text-center">Configure li&apos;l Judd in</h3>
<div>
<For each={payload()?.guilds ?? []}>
{(guild, i) => (
<a href={`/config/${guild.id}`} class="flex-row centered">
<img
class="guildpfp"
src={
guild.icon
? `https://cdn.discordapp.com/icons/${guild.id}/${guild.icon}.webp?size=240`
: "https://cdn.discordapp.com/icons/1040502664506646548/bb5a51c4659cf47bdd942bb11e974da7.webp?size=240"
}
alt="Server pfp"
/>
<h1>{guild.name}</h1>
<FontAwesomeIcon
// beat={i() % 3 === 1}
color={colors[i() % 3]}
icon={icons[i() % 3]}
size="xl"
/>
</a>
)}
</For>
</div>
</Layout>
);
}
export default index;

40
src/routes/contact.tsx
View file

@ -1,29 +1,25 @@
import Layout from "~/components/Layout";
import "../styles/pages/contact.scss"; import "../styles/pages/contact.scss";
function contact() { function contact() {
return ( return (
<> <Layout site="contact">
<div class="contact"> <h1>Contact</h1>
<h1>Contact</h1> <section>
<section class="contact"> <a href="mailto:contact@moonleay.net" target="_blank">
<a href="mailto:contact@moonleay.net" target="_blank"> <img src="/assets/icons/email.svg" alt="Email" />
<img src="/assets/icons/email.svg" alt="Email" /> contact@moonleay.net
contact@moonleay.net </a>
</a> <a href="https://discord.com/users/372703841151614976" target="_blank">
<a <img src="/assets/icons/discord.svg" alt="Discord" />
href="https://discord.com/users/372703841151614976" @moonleay
target="_blank" </a>
> <a href="https://discord.gg/HTZRktfH4A" target="_blank">
<img src="/assets/icons/discord.svg" alt="Discord" /> <img src="/assets/icons/discord.svg" alt="discord" />
@moonleay li'l Judd's home base
</a> </a>
<a href="https://discord.gg/HTZRktfH4A" target="_blank"> </section>
<img src="/assets/icons/discord.svg" alt="discord" /> </Layout>
li'l Judd's home base
</a>
</section>
</div>
</>
); );
} }

83
src/routes/features.tsx
View file

@ -1,51 +1,50 @@
import ImageSection from "~/components/ImageSection"; import ImageSection from "~/components/ImageSection";
import Layout from "~/components/Layout";
import "../styles/pages/features.scss"; import "../styles/pages/features.scss";
function features() { function features() {
return ( return (
<> <Layout site="features">
<div class="features"> <h1>Features</h1>
<h1 class="title">Features</h1> <div class="gridlayout">
<div class="gridlayout"> <ImageSection
<ImageSection imgUrl="/assets/screenshots/timeplanner.png"
imgUrl="/assets/screenshots/timeplanner.png" imgAlt="Screenshot of the time planning feature of li'l Judd"
imgAlt="Screenshot of the time planning feature of li'l Judd" title="Time Planning and Management"
title="Time Planning and Management" description="Helps you to see on which days your fellow team mates are available."
description="Helps you to see on which days your fellow team mates are available." note="The bot can send these planning messages every monday at 3AM. Members can click the buttons on each message to communicate, if they have time on that day."
note="The bot can send these planning messages every monday at 3AM. Members can click the buttons on each message to communicate, if they have time on that day." />
/> <ImageSection
<ImageSection imgUrl="/assets/screenshots/matchplanner.png"
imgUrl="/assets/screenshots/matchplanner.png" imgAlt="Screenshot of the match planning feature of li'l Judd"
imgAlt="Screenshot of the match planning feature of li'l Judd" title="Match Planner"
title="Match Planner" description="Make sure that you know when your next match is and who will participate."
description="Make sure that you know when your next match is and who will participate." note="The bot can send these planning messages, when the command /match is used. Members can click the buttons on each message to communicate, if they will participate in the match. Participating members will get a role until the match has started."
note="The bot can send these planning messages, when the command /match is used. Members can click the buttons on each message to communicate, if they will participate in the match. Participating members will get a role until the match has started." />
/> <ImageSection
<ImageSection imgUrl="/assets/screenshots/notifs.png"
imgUrl="/assets/screenshots/notifs.png" imgAlt="Screenshot of the notification feature of li'l Judd"
imgAlt="Screenshot of the notification feature of li'l Judd" title="Notifications"
title="Notifications" description="Make sure that you and your team members vote in the Time Planner."
description="Make sure that you and your team members vote in the Time Planner." note="The bot can add roles. The first one gets pinged, when the time planner sends the messages, the other one gets assigned to the available members of the day, so that it is possible to ping all available people."
note="The bot can add roles. The first one gets pinged, when the time planner sends the messages, the other one gets assigned to the available members of the day, so that it is possible to ping all available people." />
/> <ImageSection
<ImageSection imgUrl="/assets/screenshots/rotationstatus.png"
imgUrl="/assets/screenshots/rotationstatus.png" imgAlt="Screenshot of the current x map rotation in li'l Judd's status"
imgAlt="Screenshot of the current x map rotation in li'l Judd's status" title="Rotation Status"
title="Rotation Status" description="Li'l Judd can show you the current map rotation in his status."
description="Li'l Judd can show you the current map rotation in his status." note="The bot cycles through the current map and mode rotation. It updates every few seconds."
note="The bot cycles through the current map and mode rotation. It updates every few seconds." />
/> <ImageSection
<ImageSection span
span imgUrl="/assets/screenshots/unknown.png"
imgUrl="/assets/screenshots/unknown.png" imgAlt="A Question Mark"
imgAlt="A Question Mark" title="More to come.."
title="More to come.." description="The bot is still in development. More features will be added."
description="The bot is still in development. More features will be added." note="If you have a specific feature request, you can contact me on Discord: @moonleay or email: contact at moonleay dot net"
note="If you have a specific feature request, you can contact me on Discord: @moonleay or email: contact at moonleay dot net" />
/>
</div>
</div> </div>
</> </Layout>
); );
} }

13
src/routes/how-do-i.tsx
View file

@ -1,10 +1,11 @@
import Layout from "~/components/Layout";
import "../styles/pages/how-do-i.scss"; import "../styles/pages/how-do-i.scss";
function howDoI() { function howDoI() {
return ( return (
<> <Layout site="how-do-i">
<h1 class="hdi-title">How do I...?</h1> <h1>How do I...?</h1>
<section class="hdi-section"> <section>
<h2>.. enable / disable certain features?</h2> <h2>.. enable / disable certain features?</h2>
<p> <p>
Features can be enabled and disables using the <code>/feature</code> Features can be enabled and disables using the <code>/feature</code>
@ -26,7 +27,7 @@ function howDoI() {
{/* <p><code>/feature feature:Time Planning Feature set:Enable channel:#ich-kann-heute</code></p> */} {/* <p><code>/feature feature:Time Planning Feature set:Enable channel:#ich-kann-heute</code></p> */}
</div> </div>
</section> </section>
<section class="hdi-section"> <section>
<h2>.. create a match?</h2> <h2>.. create a match?</h2>
<p> <p>
You can create a match time using the <code>/match</code> command. You can create a match time using the <code>/match</code> command.
@ -47,14 +48,14 @@ function howDoI() {
{/* <p><code>/match match:Ladder Match timestamp:24.12.2069 04:20 opponent:Forbidden</code></p> */} {/* <p><code>/match match:Ladder Match timestamp:24.12.2069 04:20 opponent:Forbidden</code></p> */}
</div> </div>
</section> </section>
<section class="hdi-footernotesection"> <section class="note">
<p> <p>
Is something missing here? Is something missing here?
<br /> <br />
Please <a href="/contact">contact me</a>! Please <a href="/contact">contact me</a>!
</p> </p>
</section> </section>
</> </Layout>
); );
} }

7
src/routes/imprint.tsx
View file

@ -1,9 +1,10 @@
import Layout from "~/components/Layout";
import "../styles/pages/imprint.scss"; import "../styles/pages/imprint.scss";
function imprint() { function imprint() {
return ( return (
<> <Layout site="imprint">
<section class="imprint"> <section>
<h1>Imprint</h1> <h1>Imprint</h1>
<section> <section>
<a href="/contact"> <a href="/contact">
@ -54,7 +55,7 @@ function imprint() {
</h5> </h5>
</section> </section>
</section> </section>
</> </Layout>
); );
} }

7
src/routes/index.tsx
View file

@ -1,9 +1,10 @@
import Layout from "~/components/Layout";
import "../styles/pages/index.scss"; import "../styles/pages/index.scss";
function index() { function index() {
return ( return (
<> <Layout site="index">
<section class="index"> <section>
<h1>li&apos;l Judd</h1> <h1>li&apos;l Judd</h1>
<h5>The competetive Splatoon Bot</h5> <h5>The competetive Splatoon Bot</h5>
<div> <div>
@ -13,7 +14,7 @@ function index() {
</p> </p>
</div> </div>
</section> </section>
</> </Layout>
); );
} }

340
src/routes/privacy-policy.tsx
View file

@ -1,179 +1,177 @@
import Layout from "~/components/Layout";
import "../styles/pages/privacy-policy.scss"; import "../styles/pages/privacy-policy.scss";
function privacyPolicy() { function privacyPolicy() {
return ( return (
<> <Layout site="privacyPolicy">
<div class="privacyPolicy"> <div>
<div> <h1>Privacy Policy for li&apos;l Judd</h1>
<h1>Privacy Policy for li&apos;l Judd</h1> <h4>Last updated: 2023-12-05</h4>
<h4>Last updated: 2023-12-05</h4>
</div>
<section>
<h2>1. Introduction</h2>
<p>
Welcome to li&apos;l Judd! This Privacy Policy explains how we
collect, use, disclose, and safeguard your personal information when
you use our Discord bot service.
</p>
</section>
<section>
<h2>2. Data Controller</h2>
<p>
The data controller for the processing of your personal data is
moonleay.
<br />
Please note that "moonleay" is primarily used as a username and may
not directly reflect my legal or real-world identity.
<br />
You can reach me <a href="/contact">here</a>.
</p>
</section>
<section>
<h2>3. Information We Collect</h2>
<h3>3.1 Discord User Data</h3>
<p>
We may collect and process the following (personal) data related to
your Discord account & guilds:
</p>
<ul>
<li>
<p>- Discord User ID</p>
</li>
<li>
<p>- Discord username, discriminator and IDs of users</p>
</li>
<li>
<p>- Guild name and ID</p>
</li>
<li>
<p>- Channel names and IDs of channels with active features</p>
</li>
<li>
<p>- Message IDs of the bot messages</p>
</li>
<li>
<p>- Role IDs of created roles</p>
</li>
</ul>
<h3>3.2 Usage Data</h3>
<p>
We may collect information on how you interact with our bot,
including but not limited to:
</p>
<ul>
<li>
<p>- Commands issued</p>
</li>
<li>
<p>- Server and channel information</p>
</li>
<li>
<p>- Timestamps of interactions</p>
</li>
</ul>
</section>
<section>
<h2>4. How we use your Information</h2>
<p>We process your personal data for the following purposes:</p>
<ul>
<li>
<p>- To provide and maintain the bot service.</p>
</li>
<li>
<p>- To improve, customize, and optimize our bot.</p>
</li>
<li>
<p>- To respond to your requests, comments, or inquiries.</p>
</li>
<li>
<p>- To comply with legal obligations.</p>
</li>
</ul>
</section>
<section>
<h2>5. Legal Basis for Processing</h2>
<p>We process your personal data on the following legal bases:</p>
<ul>
<li>
<p>
- Consent: You have given your consent for the processing of
your personal data for one or more specific purposes.
</p>
</li>
<li>
<p>
- Performance of a contract: The processing is necessary for the
performance of the agreement between you and us.
</p>
</li>
</ul>
</section>
<section>
<h2>6. Data Sharing</h2>
<p>
We do not sell, trade, or otherwise transfer your personal
information to third parties. However, we may share your information
with:
</p>
<ul>
<li>
<p>
- Third-party service providers involved in the operation and
maintenance of the bot.
</p>
</li>
</ul>
</section>
<section>
<h2>7. Data Security</h2>
<p>
We implement reasonable security measures to protect your personal
information from unauthorized access, disclosure, alteration, and
destruction.
</p>
</section>
<section>
<h2>8. Your Rights</h2>
<p>You have the following rights regarding your personal data:</p>
<ul>
<li>
<p>
- Right to withdraw consent: You have the right to withdraw your
consent at any time. You can do this by contacting us at
contact@moonleay.net.
</p>
</li>
<li>
<p>
- Right to rectification: You can request corrections to
inaccurate or incomplete information.
</p>
</li>
<li>
<p>
- Right to erasure: You can request the deletion of your
personal data.
</p>
</li>
</ul>
</section>
<section>
<h2>9. Changes to this Privacy Policy</h2>
<p>
We may update this Privacy Policy to reflect changes in our
practices. The updated version will be posted on
https://liljudd.ink/privacy-policy.
</p>
</section>
<section>
<h2>10. Contact Information</h2>
<p>
If you have any questions or concerns about this Privacy Policy,
please contact us at contact@moonleay.net.
</p>
</section>
</div> </div>
</> <section>
<h2>1. Introduction</h2>
<p>
Welcome to li&apos;l Judd! This Privacy Policy explains how we
collect, use, disclose, and safeguard your personal information when
you use our Discord bot service.
</p>
</section>
<section>
<h2>2. Data Controller</h2>
<p>
The data controller for the processing of your personal data is
moonleay.
<br />
Please note that "moonleay" is primarily used as a username and may
not directly reflect my legal or real-world identity.
<br />
You can reach me <a href="/contact">here</a>.
</p>
</section>
<section>
<h2>3. Information We Collect</h2>
<h3>3.1 Discord User Data</h3>
<p>
We may collect and process the following (personal) data related to
your Discord account & guilds:
</p>
<ul>
<li>
<p>- Discord User ID</p>
</li>
<li>
<p>- Discord username, discriminator and IDs of users</p>
</li>
<li>
<p>- Guild name and ID</p>
</li>
<li>
<p>- Channel names and IDs of channels with active features</p>
</li>
<li>
<p>- Message IDs of the bot messages</p>
</li>
<li>
<p>- Role IDs of created roles</p>
</li>
</ul>
<h3>3.2 Usage Data</h3>
<p>
We may collect information on how you interact with our bot, including
but not limited to:
</p>
<ul>
<li>
<p>- Commands issued</p>
</li>
<li>
<p>- Server and channel information</p>
</li>
<li>
<p>- Timestamps of interactions</p>
</li>
</ul>
</section>
<section>
<h2>4. How we use your Information</h2>
<p>We process your personal data for the following purposes:</p>
<ul>
<li>
<p>- To provide and maintain the bot service.</p>
</li>
<li>
<p>- To improve, customize, and optimize our bot.</p>
</li>
<li>
<p>- To respond to your requests, comments, or inquiries.</p>
</li>
<li>
<p>- To comply with legal obligations.</p>
</li>
</ul>
</section>
<section>
<h2>5. Legal Basis for Processing</h2>
<p>We process your personal data on the following legal bases:</p>
<ul>
<li>
<p>
- Consent: You have given your consent for the processing of your
personal data for one or more specific purposes.
</p>
</li>
<li>
<p>
- Performance of a contract: The processing is necessary for the
performance of the agreement between you and us.
</p>
</li>
</ul>
</section>
<section>
<h2>6. Data Sharing</h2>
<p>
We do not sell, trade, or otherwise transfer your personal information
to third parties. However, we may share your information with:
</p>
<ul>
<li>
<p>
- Third-party service providers involved in the operation and
maintenance of the bot.
</p>
</li>
</ul>
</section>
<section>
<h2>7. Data Security</h2>
<p>
We implement reasonable security measures to protect your personal
information from unauthorized access, disclosure, alteration, and
destruction.
</p>
</section>
<section>
<h2>8. Your Rights</h2>
<p>You have the following rights regarding your personal data:</p>
<ul>
<li>
<p>
- Right to withdraw consent: You have the right to withdraw your
consent at any time. You can do this by contacting us at
contact@moonleay.net.
</p>
</li>
<li>
<p>
- Right to rectification: You can request corrections to
inaccurate or incomplete information.
</p>
</li>
<li>
<p>
- Right to erasure: You can request the deletion of your personal
data.
</p>
</li>
</ul>
</section>
<section>
<h2>9. Changes to this Privacy Policy</h2>
<p>
We may update this Privacy Policy to reflect changes in our practices.
The updated version will be posted on
https://liljudd.ink/privacy-policy.
</p>
</section>
<section>
<h2>10. Contact Information</h2>
<p>
If you have any questions or concerns about this Privacy Policy,
please contact us at contact@moonleay.net.
</p>
</section>
</Layout>
); );
} }

15
src/routes/stack.tsx
View file

@ -1,10 +1,11 @@
import Layout from "~/components/Layout";
import "../styles/pages/stack.scss"; import "../styles/pages/stack.scss";
function stack() { function stack() {
return ( return (
<> <Layout site="stack">
<h1 class="stack-title">The Stack</h1> <h1>The Stack</h1>
<section class="stack-section"> <section>
<img src="/assets/logos/kotlin.svg" alt="Kotlin 'K' logo" /> <img src="/assets/logos/kotlin.svg" alt="Kotlin 'K' logo" />
<div class="stackgrid_3 stackitm"> <div class="stackgrid_3 stackitm">
<h1>The Kotlin programming language</h1> <h1>The Kotlin programming language</h1>
@ -14,14 +15,14 @@ function stack() {
</p> </p>
</div> </div>
</section> </section>
<section class="stack-section"> <section>
<img src="/assets/logos/kord.png" alt="The Kord logo" /> <img src="/assets/logos/kord.png" alt="The Kord logo" />
<div class="stackgrid_3 stackitm"> <div class="stackgrid_3 stackitm">
<h1>The Kord library</h1> <h1>The Kord library</h1>
<p>A Kotlin library for creating Discord bots. Pretty bare bones.</p> <p>A Kotlin library for creating Discord bots. Pretty bare bones.</p>
</div> </div>
</section> </section>
<section class="stack-section"> <section>
<img <img
src="/assets/logos/kordextensions.png" src="/assets/logos/kordextensions.png"
alt="The Kord-Extensions logo" alt="The Kord-Extensions logo"
@ -31,7 +32,7 @@ function stack() {
<p>A Kotlin library to improve the Kord experience.</p> <p>A Kotlin library to improve the Kord experience.</p>
</div> </div>
</section> </section>
<section class="stack-section"> <section>
<img src="/assets/logos/pgelephant.png" alt="The PostgreSQL elephant" /> <img src="/assets/logos/pgelephant.png" alt="The PostgreSQL elephant" />
<div class="stackgrid_3 stackitm"> <div class="stackgrid_3 stackitm">
<h1>The PostgreSQL database</h1> <h1>The PostgreSQL database</h1>
@ -47,7 +48,7 @@ function stack() {
<a href="/acknowledgements">Acknowledgements</a>. <a href="/acknowledgements">Acknowledgements</a>.
</p> </p>
</section> </section>
</> </Layout>
); );
} }

174
src/routes/terms-of-service.tsx
View file

@ -1,96 +1,94 @@
import Layout from "~/components/Layout";
import "../styles/pages/terms-of-service.scss"; import "../styles/pages/terms-of-service.scss";
function termsOfService() { function termsOfService() {
return ( return (
<> <Layout site="termsOfService">
<div class="termsOfService"> <h1>Terms of Service</h1>
<h1>Terms of Service</h1> <div>
<div> <h2>Usage Agreement</h2>
<h2>Usage Agreement</h2> <p>
<p> By inviting the bot and using its features (commands, planning system)
By inviting the bot and using its features (commands, planning are you agreeing to the below mentioned Terms and Privacy Policy
system) are you agreeing to the below mentioned Terms and Privacy (Policy) of the bot.
Policy (Policy) of the bot. <br />
<br /> You acknowledge that you have the privilege to use the bot freely on
You acknowledge that you have the privilege to use the bot freely on any Discord Server (Server) you share with it, that you can invite it
any Discord Server (Server) you share with it, that you can invite to any Server that you have "Manage Server" rights for and that this
it to any Server that you have "Manage Server" rights for and that privilege might get revoked for you, if you're subject of breaking the
this privilege might get revoked for you, if you're subject of terms and/or policy of this bot, or the{" "}
breaking the terms and/or policy of this bot, or the{" "} <a href="https://discord.com/terms" target="_blank">
<a href="https://discord.com/terms" target="_blank"> Terms of Service
Terms of Service </a>
</a> ,{" "}
,{" "} <a href="https://discord.com/privacy" target="_blank">
<a href="https://discord.com/privacy" target="_blank"> Privacy Policy
Privacy Policy </a>{" "}
</a>{" "} and/or{" "}
and/or{" "} <a href="https://discord.com/guidelines" target="_blank">
<a href="https://discord.com/guidelines" target="_blank"> Community Guidelines
Community Guidelines </a>{" "}
</a>{" "} of{" "}
of{" "} <a href="https://discord.com/" target="_blank">
<a href="https://discord.com/" target="_blank"> Discord Inc
Discord Inc </a>
</a> .<br />
.<br /> Through Inviting the bot may it collect specific data as described in
Through Inviting the bot may it collect specific data as described its Policy.
in its Policy. <br />
<br /> The intended usage of this data is for core functionalities of the bot
The intended usage of this data is for core functionalities of the such as command handling, guild-specific settings and the
bot such as command handling, guild-specific settings and the time-planning system.
time-planning system. <br />
<br /> </p>
</p>
</div>
<div>
<h2>Intended Age</h2>
<p>
The bot may not be used by individuals under the minimal age
described in Discord's Terms of Service.
<br />
Doing so will be seen as a violation of these terms and will result
in a removal of the bot from any servers you own.
<br />
</p>
</div>
<div>
<h2>Affiliation</h2>
<p>
The Bot is not affiliated with, supported or made by Discord Inc.
<br />
Any direct connection to Discord or any of its Trademark objects is
purely coincidental. We do not claim to have the copyright ownership
of any of Discord's assets, trademarks or other intellectual
property.
<br />
</p>
</div>
<div>
<h2>Liability</h2>
<p>
The owner of the bot may not be made liable for individuals breaking
these Terms at any given time.
<br />
He has faith in the end users being truthfull about their
information and not misusing this bot or the services of Discord Inc
in a malicious way.
<br />
We reserve the right to update these terms at our own discretion,
giving you a 1-Week (7 days) period to opt out of these terms if
you're not agreeing with the new changes. You may opt out by
Removing the bot from any Server you have the rights for.
</p>
</div>
<div>
<h2>Contact</h2>
<p>
People may get in contact through e-mail at contact@moonleay.net, or
through the official Support Discord of the Bot. Other ways of
support may be provided but aren't guaranteed.
</p>
</div>
</div> </div>
</> <div>
<h2>Intended Age</h2>
<p>
The bot may not be used by individuals under the minimal age described
in Discord's Terms of Service.
<br />
Doing so will be seen as a violation of these terms and will result in
a removal of the bot from any servers you own.
<br />
</p>
</div>
<div>
<h2>Affiliation</h2>
<p>
The Bot is not affiliated with, supported or made by Discord Inc.
<br />
Any direct connection to Discord or any of its Trademark objects is
purely coincidental. We do not claim to have the copyright ownership
of any of Discord's assets, trademarks or other intellectual property.
<br />
</p>
</div>
<div>
<h2>Liability</h2>
<p>
The owner of the bot may not be made liable for individuals breaking
these Terms at any given time.
<br />
He has faith in the end users being truthfull about their information
and not misusing this bot or the services of Discord Inc in a
malicious way.
<br />
We reserve the right to update these terms at our own discretion,
giving you a 1-Week (7 days) period to opt out of these terms if
you're not agreeing with the new changes. You may opt out by Removing
the bot from any Server you have the rights for.
</p>
</div>
<div>
<h2>Contact</h2>
<p>
People may get in contact through e-mail at contact@moonleay.net, or
through the official Support Discord of the Bot. Other ways of support
may be provided but aren't guaranteed.
</p>
</div>
</Layout>
); );
} }

17
src/server/auth.ts
View file

@ -7,15 +7,23 @@ export const authOptions: SolidAuthConfig = {
providers: [ providers: [
{ {
...Discord({ ...Discord({
clientId: process.env.DISCORD_CLIENT_ID, clientId: import.meta.env.VITE_DISCORD_CLIENT_ID,
clientSecret: process.env.DISCORD_CLIENT_SECRET, clientSecret: import.meta.env.VITE_DISCORD_CLIENT_SECRET,
}), }),
authorization: authorization:
"https://discord.com/api/oauth2/authorize?scope=identify+email+guilds+guilds.members.read", "https://discord.com/api/oauth2/authorize?scope=identify+email+guilds+guilds.members.read",
}, },
], ],
adapter: DrizzleAdapter(db), adapter: DrizzleAdapter(db),
secret: process.env.AUTH_SECRET, secret: import.meta.env.VITE_AUTH_SECRET,
callbacks: {
session: ({ session, user }) => {
if (session?.user) {
session.user.id = user.id;
}
return session;
},
},
pages: { pages: {
// signIn: "/signin", // signIn: "/signin",
// signOut: "/signout", // signOut: "/signout",
@ -23,4 +31,7 @@ export const authOptions: SolidAuthConfig = {
// verifyRequest: '/auth/verify-request', // (used for check email message) // verifyRequest: '/auth/verify-request', // (used for check email message)
// newUser: '/auth/new-user' // New users will be directed here on first sign in (leave the property out if not of interest) // newUser: '/auth/new-user' // New users will be directed here on first sign in (leave the property out if not of interest)
}, },
redirectProxyUrl: import.meta.env.DEV
? import.meta.env.VITE_AUTH_REDIRECT_PROXY_URL
: undefined,
}; };

83
src/styles/components/NavBar.scss
View file

@ -5,46 +5,73 @@ nav {
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
position: sticky; position: sticky;
border-radius: 5px; border-radius: 5px;
padding: 10px;
ul { ul .navElem a {
display: flex; color: white;
flex-direction: column; padding: 0 1rem;
align-items: center; vertical-align: middle;
padding: 0;
.navElem { &:hover {
margin: 0.5rem 1rem; color: rgb(96 59 255) !important;
transition: 0.5s;
color: white;
&:hover { .swap {
color: rgb(96 59 255) !important; svg path {
} transition: color 0.5s 0.5s;
}
.textBx { .primary {
display: flex; opacity: 0;
align-items: center; }
#logo { .secondary {
width: 32px; opacity: 1;
height: 32px;
border-radius: 100%;
max-width: initial;
max-height: initial;
margin: 0.5rem;
} }
} }
} }
img,
.swap,
.swap svg {
width: 32px;
height: 32px;
border-radius: 100%;
max-width: initial;
max-height: initial;
}
.swap {
position: relative;
> * {
transition: opacity 0.5s;
position: absolute;
}
img {
margin: 0;
}
.secondary {
opacity: 0;
}
}
span,
> svg path {
transition: color 0.5s;
}
.lower {
margin-top: 2px;
}
} }
@media (min-width: 768px) { @media (min-width: 768px) {
ul { justify-content: space-between;
flex-direction: row;
padding: 0 2rem;
.navElem:last-child { ul {
margin-left: auto; height: 72px;
}
} }
} }
} }

21
src/styles/GlobalLayout.css → src/styles/global.scss
View file

@ -53,3 +53,24 @@ a {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
} }
.flex-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
&.centered {
justify-content: center;
}
&.thick {
align-items: initial;
}
&.responsive {
@media (max-width: 768px) {
flex-direction: column;
}
}
}

2
src/styles/pages/about.scss
View file

@ -1,4 +1,4 @@
.aboutdiv { .about {
max-width: 1100px; max-width: 1100px;
margin: 1rem auto; margin: 1rem auto;
width: 100%; width: 100%;

46
src/styles/pages/config.scss
View file

@ -1,38 +1,34 @@
.guildpfp { .config {
width: 50px; .text-center {
height: 50px; text-align: center;
border-radius: 100%;
}
.horizontal {
display: flex;
flex-direction: row;
h1 {
margin-left: 10px;
} }
p, h3, h4 {
.guildpfp {
width: 50px;
height: 50px;
border-radius: 100%;
}
label {
margin-right: 10px; margin-right: 10px;
} }
}
.marg_right_5px { section,
margin-right: 10px; a {
}
.centered {
text-align: center;
justify-content: center;
align-items: center;
}
.config {
article {
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px; border-radius: 4px;
padding: 1rem; padding: 1rem;
max-width: 1100px; max-width: 1100px;
margin: 1rem auto; margin: 1rem auto;
width: 100%; width: 100%;
}
.sub {
margin-left: 10px;
&.disabled {
pointer-events: none;
opacity: 0.5;
}
} }
} }

2
src/styles/pages/contact.scss
View file

@ -8,7 +8,7 @@
} }
text-align: center; text-align: center;
.contact { section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;

2
src/styles/pages/features.scss
View file

@ -3,7 +3,7 @@
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
.title { h1 {
font-size: 3rem; font-size: 3rem;
text-align: center; text-align: center;
margin-bottom: 1.2rem; margin-bottom: 1.2rem;

104
src/styles/pages/how-do-i.scss
View file

@ -1,64 +1,66 @@
.hdi-title { .how-do-i {
font-size: 3rem; h1 {
text-align: center; font-size: 3rem;
margin-bottom: 1.2rem;
}
.hdi-section {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
padding: 1rem;
display: block;
.imgwrapper {
margin: auto;
text-align: center; text-align: center;
margin-bottom: 1.2rem;
}
.desktop { section {
display: none; max-width: 1100px;
} margin: 1rem auto;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
padding: 1rem;
display: block;
.imgwrapper {
margin: auto;
text-align: center;
.mobile {
display: flex;
border-radius: 5px;
max-width: 100%;
}
@media (min-width: 600px) {
.desktop { .desktop {
display: none;
}
.mobile {
display: flex; display: flex;
border-radius: 5px; border-radius: 5px;
max-width: 100%; max-width: 100%;
} }
@media (min-width: 600px) {
.desktop {
display: flex;
border-radius: 5px;
max-width: 100%;
}
.mobile { .mobile {
display: none; display: none;
}
}
}
}
.note {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
padding: 1rem;
display: block;
text-align: center;
a {
color: white;
text-decoration: underline;
font-size: 0.9rem;
transition: 0.5s;
&:hover {
color: rgb(96 59 255) !important;
} }
} }
} }
} }
.hdi-footernotesection {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
justify-content: space-between;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
padding: 1rem;
display: block;
text-align: center;
a {
color: white;
text-decoration: underline;
font-size: 0.9rem;
transition: 0.5s;
&:hover {
color: rgb(96 59 255) !important;
}
}
}

108
src/styles/pages/stack.scss
View file

@ -1,61 +1,63 @@
.stack-title { .stack {
font-size: 3rem; h1 {
text-align: center; font-size: 3rem;
margin-bottom: 1.2rem;
}
.stack-section {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
margin: 1rem;
padding: 1.5rem;
display: block;
text-align: center;
@media (min-width: 1150px) {
max-width: 1100px;
margin: 1rem auto;
width: 100%;
display: flex;
justify-content: space-between;
}
img {
max-width: 80%;
max-height: 200px;
width: 200px;
border-radius: 5px;
}
.stackgrid_3 {
//grid-column: span 3;
text-align: center; text-align: center;
align-self: center; margin-bottom: 1.2rem;
margin: auto;
}
}
.stack-note {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
margin: 1rem;
@media (min-width: 1150px) {
width: 1100px;
margin: 1rem auto;
} }
padding: 1rem; section {
text-align: center; background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
margin: 1rem;
padding: 1.5rem;
display: block;
text-align: center;
a { @media (min-width: 1150px) {
color: white; max-width: 1100px;
text-decoration: underline; margin: 1rem auto;
font-size: 0.9rem; width: 100%;
transition: 0.5s; display: flex;
justify-content: space-between;
}
&:hover { img {
color: rgb(96 59 255) !important; max-width: 80%;
max-height: 200px;
width: 200px;
border-radius: 5px;
}
.stackgrid_3 {
//grid-column: span 3;
text-align: center;
align-self: center;
margin: auto;
}
}
.note {
background-color: rgba(0, 0, 0, 0.5);
border-radius: 4px;
margin: 1rem;
@media (min-width: 1150px) {
width: 1100px;
margin: 1rem auto;
}
padding: 1rem;
text-align: center;
a {
color: white;
text-decoration: underline;
font-size: 0.9rem;
transition: 0.5s;
&:hover {
color: rgb(96 59 255) !important;
}
} }
} }
} }

15
src/types/authjs.d.ts vendored Normal file
View file

@ -0,0 +1,15 @@
import { DefaultSession as DSession } from "@auth/core/types"
declare module "@auth/core/types" {
/**
* Returned by `useSession`, `getSession` and received as a prop on the `SessionProvider` React Context
*/
interface Session extends DSession {
user?: {
id: string
name?: string | null
email?: string | null
image?: string | null
}
}
}

7751
src/types/discord.d.ts vendored Normal file
View file

File diff suppressed because it is too large Load diff

16
src/types/env.d.ts vendored Normal file
View file

@ -0,0 +1,16 @@
/// <reference types="vinxi/client" />
interface ImportMetaEnv {
readonly VITE_DISCORD_CLIENT: string;
readonly VITE_DISCORD_CLIENT_SECRET: string;
readonly VITE_DISCORD_BOT_TOKEN: string;
readonly VITE_AUTH_SECRET: string;
readonly VITE_AUTH_REDIRECT_PROXY_URL: string | undefined;
readonly VITE_DATABASE_URL: string;
}
interface ImportMeta {
readonly env: ImportMetaEnv;
}

196
src/types/liljudd.d.ts vendored Normal file
View file

@ -0,0 +1,196 @@
/**
* This file was auto-generated by openapi-typescript.
* Do not make direct changes to the file.
*/
export interface paths {
"/api/config/{guildId}": {
/**
* Find guild config by ID
* @description Returns a single guild config
*/
get: operations["getGuildById"];
/**
* Deletes a guild config by ID
* @description Delete a guild's config
*/
delete: operations["deleteGuildById"];
};
"/api/tp_messages/{guildId}": {
/**
* Find guild by ID for it's tp_messages
* @description Returns tp_messages for a guild
*/
get: operations["getTp_messagesOfGuildById"];
};
}
export type webhooks = Record<string, never>;
export interface components {
schemas: {
guildConfig: {
/**
* Format: varchar(19)
* @example 1234567890123456789
*/
guildID?: string;
features?: {
time_planning?: {
/**
* Format: varchar(19)
* @example 1234567890123456789
*/
channelID?: string;
/** @example 0 0 1 * * * 60o 1w */
cron?: string;
/**
* Format: varchar(19)
* @example 1234567890123456789
*/
isAvailableRoleId?: string;
/**
* Format: varchar(19)
* @example 1234567890123456789
*/
wantsToBeNotifieRoledId?: string;
};
};
matches?: components["schemas"]["match"][];
};
match: {
/**
* Format: varchar(19)
* @example 1234567890123456789
*/
channelID?: string;
/**
* Format: varchar(50)
* @example Scrim
*/
matchType?: string;
/**
* Format: varchar(19)
* @example 1234567890123456789
*/
createrId?: string;
/**
* Format: varchar(19)
* @example 1234567890123456789
*/
roleId?: string;
/**
* Format: varchar(100)
* @example ?
*/
opponentName?: string;
/**
* Format: varchar(19)
* @example 1234567890123456789
*/
messsageId?: string;
/** @example 0 0 1 5 2 2023 60o */
cron?: string;
};
};
responses: never;
parameters: never;
requestBodies: never;
headers: never;
pathItems: never;
}
export type $defs = Record<string, never>;
export type external = Record<string, never>;
export interface operations {
/**
* Find guild config by ID
* @description Returns a single guild config
*/
getGuildById: {
parameters: {
path: {
/** @description ID of guild config to return */
guildId: string;
};
};
responses: {
/** @description successful operation */
200: {
content: {
"application/json": components["schemas"]["guildConfig"];
};
};
/** @description Invalid ID supplied */
400: {
content: never;
};
/** @description Guild not found */
404: {
content: never;
};
};
};
/**
* Deletes a guild config by ID
* @description Delete a guild's config
*/
deleteGuildById: {
parameters: {
path: {
/** @description ID of guild config to delete */
guildId: string;
};
};
responses: {
/** @description successful operation */
204: {
content: never;
};
/** @description Invalid ID supplied */
400: {
content: never;
};
/** @description Guild not found */
404: {
content: never;
};
};
};
/**
* Find guild by ID for it's tp_messages
* @description Returns tp_messages for a guild
*/
getTp_messagesOfGuildById: {
parameters: {
path: {
/** @description ID of guild's tp_messages to return */
guildId: string;
};
};
responses: {
/** @description successful operation */
200: {
content: {
"application/json": components["schemas"]["guildConfig"];
};
};
/** @description Time planning not enabled for this guild */
204: {
content: never;
};
/** @description Invalid ID supplied */
400: {
content: never;
};
/** @description Guild not found */
404: {
content: never;
};
};
};
}

30
tsconfig.json
View file

@ -1,19 +1,19 @@
{ {
"compilerOptions": { "compilerOptions": {
"target": "ESNext", "target": "ESNext",
"module": "ESNext", "module": "ESNext",
"moduleResolution": "node", "moduleResolution": "node",
"allowSyntheticDefaultImports": true, "allowSyntheticDefaultImports": true,
"esModuleInterop": true, "esModuleInterop": true,
"jsx": "preserve", "jsx": "preserve",
"jsxImportSource": "solid-js", "jsxImportSource": "solid-js",
"allowJs": true, "allowJs": true,
"strict": true, "strict": true,
"noEmit": true, "noEmit": true,
"types": ["vinxi/client"], "types": ["vinxi/client"],
"isolatedModules": true, "isolatedModules": true,
"paths": { "paths": {
"~/*": ["./src/*"] "~/*": ["./src/*"]
} }
} }
} }