diff --git a/.gitignore b/.gitignore index 38457c3..7f7e93c 100644 --- a/.gitignore +++ b/.gitignore @@ -2,4 +2,5 @@ .vscode/ node_modules/ package-lock.json -config.json \ No newline at end of file +config.json +dist/ \ No newline at end of file diff --git a/package.json b/package.json index 6c81953..b5f9231 100644 --- a/package.json +++ b/package.json @@ -5,8 +5,9 @@ "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "tailwind": "npx tailwindcss -i ./src/client/public/css/main.css -o ./src/client/public/css/tailwind.css", - "dev": "npm run tailwind && nodemon src/app.js", - "start": "node src/app.js" + "build": "npx tsc --project tsconfig.json && npx tsc-alias -p tsconfig.json", + "dev": "nodemon -r tsconfig-paths/register src/app.ts", + "start": "node dist/app.js" }, "repository": { "type": "git", @@ -22,10 +23,16 @@ "ejs": "^3.1.10", "ejs-mate": "^4.0.0", "express": "^4.21.2", - "preline": "^2.7.0" + "preline": "^2.7.0", + "tsconfig-paths": "^4.2.0" }, "devDependencies": { + "@types/express": "^5.0.0", + "@types/node": "^22.10.10", "nodemon": "^3.1.9", - "tailwindcss": "^3.4.17" + "tailwindcss": "^3.4.17", + "ts-node": "^10.9.2", + "tsc-alias": "^1.8.10", + "typescript": "^5.7.3" } } diff --git a/src/app.js b/src/app.ts similarity index 97% rename from src/app.js rename to src/app.ts index 41c3788..dbfccdd 100644 --- a/src/app.js +++ b/src/app.ts @@ -3,7 +3,7 @@ const engine = require("ejs-mate"); const dotenv = require("dotenv"); dotenv.config(); -require("./bot/bot"); +import "@bot/bot"; // import middleware const attachGuilds = require("./server/middleware/attachGuilds"); diff --git a/src/bot/bot.js b/src/bot/bot.ts similarity index 54% rename from src/bot/bot.js rename to src/bot/bot.ts index 3418729..19139a1 100644 --- a/src/bot/bot.js +++ b/src/bot/bot.ts @@ -1,4 +1,5 @@ -const { Client, GatewayIntentBits } = require("discord.js"); +// const { Client, GatewayIntentBits } = require("discord.js"); +import { Client, GatewayIntentBits, ActivityType } from "discord.js"; const client = new Client({ intents: [ @@ -9,7 +10,11 @@ const client = new Client({ }); client.on("ready", () => { - client.user.setActivity("Set Activity", { type: "WATCHING" }); + if (!client.user) { + throw Error("Client is null"); + } + + client.user.setActivity("Set Activity", { type: ActivityType.Watching }); console.log(`Discord Bot '${client.user.displayName}' is online!`) }); diff --git a/src/client/public/css/tailwind.css b/src/client/public/css/tailwind.css index 096c5a6..c6594f2 100644 --- a/src/client/public/css/tailwind.css +++ b/src/client/public/css/tailwind.css @@ -759,6 +759,14 @@ video { margin-inline-start: auto; } +.mt-1 { + margin-top: 0.25rem; +} + +.mt-12 { + margin-top: 3rem; +} + .mt-2 { margin-top: 0.5rem; } @@ -900,6 +908,10 @@ video { min-width: 15rem; } +.max-w-2xl { + max-width: 42rem; +} + .max-w-\[300px\] { max-width: 300px; } @@ -1327,6 +1339,11 @@ video { font-size: 12px; } +.text-base { + font-size: 1rem; + line-height: 1.5rem; +} + .text-sm { font-size: 0.875rem; line-height: 1.25rem; @@ -1372,6 +1389,11 @@ video { color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } +.text-gray-300 { + --tw-text-opacity: 1; + color: rgb(209 213 219 / var(--tw-text-opacity, 1)); +} + .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); diff --git a/src/client/views/guild.ejs b/src/client/views/guild.ejs index 0096b30..8e5e8b4 100644 --- a/src/client/views/guild.ejs +++ b/src/client/views/guild.ejs @@ -1,7 +1,17 @@ <% layout("layout") -%> -
-    
-        <%= JSON.stringify(guild, null, 4) %>
-    
-
+

+ <%= guild.name %> +

+ +
+
+
+
+                
+                    <%= JSON.stringify(guild, null, 4) %>
+                
+            
+
+
+
diff --git a/src/client/views/layout.ejs b/src/client/views/layout.ejs index 423069b..237f08c 100644 --- a/src/client/views/layout.ejs +++ b/src/client/views/layout.ejs @@ -6,7 +6,7 @@ <%= title %> - +
diff --git a/src/server/controllers/guild.js b/src/server/controllers/guild.ts similarity index 65% rename from src/server/controllers/guild.js rename to src/server/controllers/guild.ts index c4d5a41..6e43fb9 100644 --- a/src/server/controllers/guild.js +++ b/src/server/controllers/guild.ts @@ -4,8 +4,13 @@ const get = async (request, response) => { const guildId = request.params.guildId; const guild = bot.guilds.cache.get(guildId); + if (!guild) { + response.status(404).send("404: guild not found"); + return; + } + response.render("guild", { - title: "guild page", + title: `${guild.name} - Relay`, guild: guild, }); }; diff --git a/src/server/controllers/home.js b/src/server/controllers/home.ts similarity index 63% rename from src/server/controllers/home.js rename to src/server/controllers/home.ts index 8b2b017..133b9aa 100644 --- a/src/server/controllers/home.js +++ b/src/server/controllers/home.ts @@ -1,8 +1,8 @@ -const bot = require("../../bot/bot"); +import bot from "@bot/bot"; const get = async (request, response) => { response.render("home", { - title: "home page" + title: "Dashboard - Relay" }); }; diff --git a/src/server/db/db.js b/src/server/db/db.js new file mode 100644 index 0000000..aa73708 --- /dev/null +++ b/src/server/db/db.js @@ -0,0 +1,34 @@ +const knex = require("knex"); + +const { + DB_CLIENT, + SQLITE_FILE, + PG_HOST, + PG_PORT, + PG_USER, + PG_PASSWORD, + PG_DATABASE +} = process.env; + +const dbConfig = { + sqlite: { + client: "sqlite3", + connection: { + filename: SQLITE_FILE + }, + useNullAsDefault: true + }, + postgresql: { + client: "pg", + connection: { + host: PG_HOST, + port: PG_PORT, + user: PG_USER, + password: PG_PASSWORD, + database: PG_DATABASE + } + } +} + +const db = knex(dbConfig[DB_CLIENT]); +module.exports = db; diff --git a/src/server/routes/home.js b/src/server/routes/home.js deleted file mode 100644 index 3d674e7..0000000 --- a/src/server/routes/home.js +++ /dev/null @@ -1,8 +0,0 @@ -const { Router } = require("express"); -const controller = require("../controllers/home"); - -const router = Router(); - -router.get("/", controller.get); - -module.exports = router; diff --git a/src/server/routes/home.ts b/src/server/routes/home.ts new file mode 100644 index 0000000..7d0a0cd --- /dev/null +++ b/src/server/routes/home.ts @@ -0,0 +1,8 @@ +import { Router } from "express"; +import controller from "@server/controllers/home"; + +const router = Router(); + +router.get("/", controller.get); + +module.exports = router; diff --git a/tsconfig.json b/tsconfig.json new file mode 100644 index 0000000..5f2f8e9 --- /dev/null +++ b/tsconfig.json @@ -0,0 +1,116 @@ +{ + "compilerOptions": { + /* Visit https://aka.ms/tsconfig to read more about this file */ + + /* Projects */ + // "incremental": true, /* Save .tsbuildinfo files to allow for incremental compilation of projects. */ + // "composite": true, /* Enable constraints that allow a TypeScript project to be used with project references. */ + // "tsBuildInfoFile": "./.tsbuildinfo", /* Specify the path to .tsbuildinfo incremental compilation file. */ + // "disableSourceOfProjectReferenceRedirect": true, /* Disable preferring source files instead of declaration files when referencing composite projects. */ + // "disableSolutionSearching": true, /* Opt a project out of multi-project reference checking when editing. */ + // "disableReferencedProjectLoad": true, /* Reduce the number of projects loaded automatically by TypeScript. */ + + /* Language and Environment */ + "target": "es2016", /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */ + // "lib": [], /* Specify a set of bundled library declaration files that describe the target runtime environment. */ + // "jsx": "preserve", /* Specify what JSX code is generated. */ + // "experimentalDecorators": true, /* Enable experimental support for legacy experimental decorators. */ + // "emitDecoratorMetadata": true, /* Emit design-type metadata for decorated declarations in source files. */ + // "jsxFactory": "", /* Specify the JSX factory function used when targeting React JSX emit, e.g. 'React.createElement' or 'h'. */ + // "jsxFragmentFactory": "", /* Specify the JSX Fragment reference used for fragments when targeting React JSX emit e.g. 'React.Fragment' or 'Fragment'. */ + // "jsxImportSource": "", /* Specify module specifier used to import the JSX factory functions when using 'jsx: react-jsx*'. */ + // "reactNamespace": "", /* Specify the object invoked for 'createElement'. This only applies when targeting 'react' JSX emit. */ + // "noLib": true, /* Disable including any library files, including the default lib.d.ts. */ + // "useDefineForClassFields": true, /* Emit ECMAScript-standard-compliant class fields. */ + // "moduleDetection": "auto", /* Control what method is used to detect module-format JS files. */ + + /* Modules */ + "module": "commonjs", /* Specify what module code is generated. */ + // "rootDir": "./", /* Specify the root folder within your source files. */ + // "moduleResolution": "node10", /* Specify how TypeScript looks up a file from a given module specifier. */ + "baseUrl": "./", /* Specify the base directory to resolve non-relative module names. */ + "paths": { /* Specify a set of entries that re-map imports to additional lookup locations. */ + "@server/*": ["src/server/*"], + "@client/*": ["src/client/*"], + "@bot/*": ["src/bot/*"], + "@utils/*": ["src/utils/*"] + }, + // "rootDirs": [], /* Allow multiple folders to be treated as one when resolving modules. */ + // "typeRoots": [], /* Specify multiple folders that act like './node_modules/@types'. */ + // "types": [], /* Specify type package names to be included without being referenced in a source file. */ + // "allowUmdGlobalAccess": true, /* Allow accessing UMD globals from modules. */ + // "moduleSuffixes": [], /* List of file name suffixes to search when resolving a module. */ + // "allowImportingTsExtensions": true, /* Allow imports to include TypeScript file extensions. Requires '--moduleResolution bundler' and either '--noEmit' or '--emitDeclarationOnly' to be set. */ + // "rewriteRelativeImportExtensions": true, /* Rewrite '.ts', '.tsx', '.mts', and '.cts' file extensions in relative import paths to their JavaScript equivalent in output files. */ + // "resolvePackageJsonExports": true, /* Use the package.json 'exports' field when resolving package imports. */ + // "resolvePackageJsonImports": true, /* Use the package.json 'imports' field when resolving imports. */ + // "customConditions": [], /* Conditions to set in addition to the resolver-specific defaults when resolving imports. */ + // "noUncheckedSideEffectImports": true, /* Check side effect imports. */ + // "resolveJsonModule": true, /* Enable importing .json files. */ + // "allowArbitraryExtensions": true, /* Enable importing files with any extension, provided a declaration file is present. */ + // "noResolve": true, /* Disallow 'import's, 'require's or ''s from expanding the number of files TypeScript should add to a project. */ + + /* JavaScript Support */ + // "allowJs": true, /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */ + // "checkJs": true, /* Enable error reporting in type-checked JavaScript files. */ + // "maxNodeModuleJsDepth": 1, /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */ + + /* Emit */ + // "declaration": true, /* Generate .d.ts files from TypeScript and JavaScript files in your project. */ + // "declarationMap": true, /* Create sourcemaps for d.ts files. */ + // "emitDeclarationOnly": true, /* Only output d.ts files and not JavaScript files. */ + // "sourceMap": true, /* Create source map files for emitted JavaScript files. */ + // "inlineSourceMap": true, /* Include sourcemap files inside the emitted JavaScript. */ + // "noEmit": true, /* Disable emitting files from a compilation. */ + // "outFile": "./", /* Specify a file that bundles all outputs into one JavaScript file. If 'declaration' is true, also designates a file that bundles all .d.ts output. */ + "outDir": "./dist", /* Specify an output folder for all emitted files. */ + // "removeComments": true, /* Disable emitting comments. */ + // "importHelpers": true, /* Allow importing helper functions from tslib once per project, instead of including them per-file. */ + // "downlevelIteration": true, /* Emit more compliant, but verbose and less performant JavaScript for iteration. */ + // "sourceRoot": "", /* Specify the root path for debuggers to find the reference source code. */ + // "mapRoot": "", /* Specify the location where debugger should locate map files instead of generated locations. */ + // "inlineSources": true, /* Include source code in the sourcemaps inside the emitted JavaScript. */ + // "emitBOM": true, /* Emit a UTF-8 Byte Order Mark (BOM) in the beginning of output files. */ + // "newLine": "crlf", /* Set the newline character for emitting files. */ + // "stripInternal": true, /* Disable emitting declarations that have '@internal' in their JSDoc comments. */ + // "noEmitHelpers": true, /* Disable generating custom helper functions like '__extends' in compiled output. */ + // "noEmitOnError": true, /* Disable emitting files if any type checking errors are reported. */ + // "preserveConstEnums": true, /* Disable erasing 'const enum' declarations in generated code. */ + // "declarationDir": "./", /* Specify the output directory for generated declaration files. */ + + /* Interop Constraints */ + // "isolatedModules": true, /* Ensure that each file can be safely transpiled without relying on other imports. */ + // "verbatimModuleSyntax": true, /* Do not transform or elide any imports or exports not marked as type-only, ensuring they are written in the output file's format based on the 'module' setting. */ + // "isolatedDeclarations": true, /* Require sufficient annotation on exports so other tools can trivially generate declaration files. */ + // "allowSyntheticDefaultImports": true, /* Allow 'import x from y' when a module doesn't have a default export. */ + "esModuleInterop": true, /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */ + // "preserveSymlinks": true, /* Disable resolving symlinks to their realpath. This correlates to the same flag in node. */ + "forceConsistentCasingInFileNames": true, /* Ensure that casing is correct in imports. */ + + /* Type Checking */ + "strict": true, /* Enable all strict type-checking options. */ + // "noImplicitAny": true, /* Enable error reporting for expressions and declarations with an implied 'any' type. */ + // "strictNullChecks": true, /* When type checking, take into account 'null' and 'undefined'. */ + // "strictFunctionTypes": true, /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */ + // "strictBindCallApply": true, /* Check that the arguments for 'bind', 'call', and 'apply' methods match the original function. */ + // "strictPropertyInitialization": true, /* Check for class properties that are declared but not set in the constructor. */ + // "strictBuiltinIteratorReturn": true, /* Built-in iterators are instantiated with a 'TReturn' type of 'undefined' instead of 'any'. */ + // "noImplicitThis": true, /* Enable error reporting when 'this' is given the type 'any'. */ + // "useUnknownInCatchVariables": true, /* Default catch clause variables as 'unknown' instead of 'any'. */ + // "alwaysStrict": true, /* Ensure 'use strict' is always emitted. */ + // "noUnusedLocals": true, /* Enable error reporting when local variables aren't read. */ + // "noUnusedParameters": true, /* Raise an error when a function parameter isn't read. */ + // "exactOptionalPropertyTypes": true, /* Interpret optional property types as written, rather than adding 'undefined'. */ + // "noImplicitReturns": true, /* Enable error reporting for codepaths that do not explicitly return in a function. */ + // "noFallthroughCasesInSwitch": true, /* Enable error reporting for fallthrough cases in switch statements. */ + // "noUncheckedIndexedAccess": true, /* Add 'undefined' to a type when accessed using an index. */ + // "noImplicitOverride": true, /* Ensure overriding members in derived classes are marked with an override modifier. */ + // "noPropertyAccessFromIndexSignature": true, /* Enforces using indexed accessors for keys declared using an indexed type. */ + // "allowUnusedLabels": true, /* Disable error reporting for unused labels. */ + // "allowUnreachableCode": true, /* Disable error reporting for unreachable code. */ + + /* Completeness */ + // "skipDefaultLibCheck": true, /* Skip type checking .d.ts files that are included with TypeScript. */ + "skipLibCheck": true /* Skip type checking all .d.ts files. */ + } +}