feat(website)

Author: Kathund

index.ts

@@ -1,5 +1,5 @@
 import { errorMessage, otherMessage } from './src/logger';
-import { loadEndpoints } from './src/helper';
+import { loadEndpoints } from './src/functions';
 import fileUpload from 'express-fileupload';
 import { existsSync, mkdirSync } from 'fs';
 import { PORT } from './config.json';
@@ -12,6 +12,9 @@ if (!existsSync('./src/files')) {
 const app = express();
 try {
   (async () => {
+    app.use(express.static('src/public'));
+    app.set('views', './src/views');
+    app.set('view engine', 'ejs');
     app.use(fileUpload());
     const result = await loadEndpoints(app);
     if (result !== undefined) {

package-lock.json

@@ -5,16 +5,18 @@
   "main": "index.ts",
   "scripts": {
     "start": "npm run build && cd dist/ && node index.js",
-    "prettier": "npx prettier --write index.ts src/",
     "prettier:check": "npx prettier --check index.ts src/",
-    "lint": "npx eslint --fix index.ts src/",
+    "prettier": "npx prettier --write index.ts src/",
+    "copy-web-data": "npx ncp src/views/ dist/src/views/ && npx ncp src/public/ dist/src/public/ && npx ncp src/files/ dist/src/files/ ",
     "lint:check": "npx eslint index.ts src/",
-    "build": "npx tsc --build"
+    "lint": "npx eslint --fix index.ts src/",
+    "build": "npx tsc --build && npm run copy-web-data"
   },
   "keywords": [],
   "author": "",
   "license": "MIT",
   "dependencies": {
+    "ejs": "^3.1.9",
     "express": "^4.18.2",
     "express-fileupload": "^1.4.3",
     "winston": "^3.11.0"
@@ -25,6 +27,7 @@
     "@typescript-eslint/eslint-plugin": "^6.20.0",
     "eslint": "^8.56.0",
     "eslint-plugin-import": "^2.29.1",
+    "ncp": "^2.0.0",
     "prettier": "^3.2.5",
     "typescript": "^5.3.3"
   }

package.json

@@ -1,7 +1,9 @@
+import { getDate, getFileSize, getTime } from '../functions';
 import { Application, Request, Response } from 'express';
 import { apiMessage, errorMessage } from '../logger';
-import { existsSync, mkdirSync } from 'fs';
+import { existsSync, mkdirSync, statSync } from 'fs';
 import { resolve, dirname } from 'path';
+import { url } from '../../config.json';
 
 export default (app: Application) => {
   app.get('/:name', async (req: Request, res: Response) => {
@@ -19,11 +21,24 @@ export default (app: Application) => {
       }
       const filePath = resolve(dir, fileName);
       if (!existsSync(filePath)) {
-        errorMessage(`File ${fileName} dosent exists`);
-        return res.status(400).json({ success: false, message: `File ${fileName} dosent exist` });
+        errorMessage(`File ${fileName} doesn't exists`);
+        return res.status(400).json({ success: false, message: `File ${fileName} doesn't exist` });
       }
       apiMessage(req.path, `File ${fileName} found`);
-      return res.sendFile(filePath);
+      const stats = statSync(filePath);
+      return res.render('pages/index', {
+        data: {
+          name: fileName.split('.')[0],
+          timestamp: {
+            raw: stats.birthtimeMs,
+            date: getDate(stats.birthtimeMs),
+            time: getTime(stats.birthtimeMs),
+            utc: getTime(stats.birthtimeMs, 'UTC'),
+          },
+          size: getFileSize(stats.size),
+        },
+        img: `${url}/raw/${fileName}`,
+      });
     } catch (err) {
       errorMessage(err as string);
       return res.status(500).send({ success: false, message: 'Internal server error' });

src/endpoints/file.ts

@@ -0,0 +1,34 @@
+import { Application, Request, Response } from 'express';
+import { apiMessage, errorMessage } from '../logger';
+import { existsSync, mkdirSync, statSync } from 'fs';
+import { resolve, dirname } from 'path';
+import { getFileSize } from '../functions';
+
+export default (app: Application) => {
+  app.get('/raw/:name', async (req: Request, res: Response) => {
+    try {
+      const fileName = req.params.name;
+      apiMessage(req.path, `User is trying to get a file - ${fileName}`);
+      const fileNamePattern = /^[a-zA-Z0-9_-]+\.[a-zA-Z0-9]+$/;
+      if (!fileNamePattern.test(fileName)) {
+        return res.status(400).json({ error: 'Invalid file name' });
+      }
+      const dir = resolve(dirname(''), 'src/files');
+      errorMessage(dir);
+      if (!existsSync(dir)) {
+        mkdirSync(dir, { recursive: true });
+      }
+      const filePath = resolve(dir, fileName);
+      if (!existsSync(filePath)) {
+        errorMessage(`File ${fileName} doesn't exists`);
+        return res.status(400).json({ success: false, message: `File ${fileName} doesn't exist` });
+      }
+      apiMessage(req.path, `File ${fileName} found`);
+      return res.sendFile(filePath);
+    } catch (err) {
+      errorMessage(err as string);
+      console.log(err);
+      return res.status(500).send({ success: false, message: 'Internal server error' });
+    }
+  });
+};

src/endpoints/raw.ts

@@ -1,9 +1,9 @@
 import { Application, Request, Response } from 'express';
-import { apiMessage, errorMessage } from '../logger';
 import { url, key, nameHide } from '../../config.json';
+import { apiMessage, errorMessage } from '../logger';
 import { existsSync, mkdirSync } from 'fs';
 import { resolve, dirname } from 'path';
-import { generateID } from '../helper';
+import { generateID } from '../functions';
 
 export default (app: Application) => {
   app.post('/save/:name', async (req: Request, res: Response) => {

src/endpoints/save.ts

@@ -27,3 +27,25 @@ export const generateID = (length: number) => {
   }
   return result;
 };
+
+export const getFileSize = (size: number) => {
+  return {
+    raw: size,
+    dynamic:
+      size < 1024
+        ? size + ' B'
+        : size < 1048576
+          ? (size / 1024).toFixed(2) + ' KB'
+          : (size / 1048576).toFixed(2) + ' MB',
+  };
+};
+
+export const getDate = (timeStamp: number) => {
+  const date = new Date(timeStamp);
+  return date.toDateString();
+};
+
+export const getTime = (timeStamp: number, timeZone?: string) => {
+  const date = new Date(timeStamp);
+  return date.toLocaleTimeString('en-US', { timeZone: timeZone });
+};