PretendoNetwork · mrjvs · Jun 25, 2025 · Jun 19, 2025 · Jun 19, 2025 · Jun 19, 2025
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -24,4 +24,7 @@
     },
     "javascript.preferences.importModuleSpecifier": "non-relative",
     "typescript.preferences.importModuleSpecifier": "non-relative",
+    "[typescriptreact]": {
+        "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+    },
 }
diff --git a/apps/juxtaposition-ui/nodemon.json b/apps/juxtaposition-ui/nodemon.json
@@ -2,7 +2,7 @@
   "watch": [
     "src/"
   ],
-  "ext": "js,ts,ejs,json,css",
+  "ext": "js,ts,ejs,tsx,jsx,json,css",
   "env": {
     "NODE_ENV": "development"
   }

diff --git a/apps/juxtaposition-ui/package.json b/apps/juxtaposition-ui/package.json
@@ -19,6 +19,7 @@
     "@neato/config": "^3.0.0",
     "@pretendonetwork/grpc": "^2.0.1",
     "@repo/grpc-client": "^0.0.0",
+    "classnames": "^2.5.1",
     "colors": "^1.4.0",
     "connect-redis": "^8.0.1",
     "cookie-parser": "^1.4.7",
@@ -46,14 +47,19 @@
     "pjax": "^0.2.8",
     "pngjs": "^7.0.0",
     "prom-client": "^15.1.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "redis": "^4.7.0",
     "sharp": "^0.33.5",
     "tga": "^1.0.7",
     "tsx": "^4.19.3"
   },
   "devDependencies": {
-    "@pretendonetwork/eslint-config": "^0.0.8",
+    "@pretendonetwork/eslint-config": "^0.0.11",
+    "@types/hashmap": "^2.3.4",
     "@types/node": "^22.13.8",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
     "browserslist": "^4.24.5",
     "browserslist-to-esbuild": "^2.1.1",
     "ejs-lint": "^2.0.1",

diff --git a/apps/juxtaposition-ui/src/database.js b/apps/juxtaposition-ui/src/database.js
@@ -8,6 +8,7 @@ const { NOTIFICATION } = require('@/models/notifications');
 const { POST } = require('@/models/post');
 const { SETTINGS } = require('@/models/settings');
 const { REPORT } = require('@/models/report');
+const { LOGS } = require('@/models/logs');
 const { logger } = require('@/logger');
 const { config } = require('@/config');
 
@@ -506,6 +507,11 @@ async function getReportById(id) {
 	return REPORT.findById(id);
 }
 
+async function getLogsForTarget(targetPID, offset, limit) {
+	verifyConnected();
+	return LOGS.find({ target: targetPID }).sort({ timestamp: -1 }).skip(offset).limit(limit);
+}
+
 module.exports = {
 	connect,
 	getCommunities,
@@ -563,5 +569,6 @@ module.exports = {
 	getReportsByOffender,
 	getReportsByPost,
 	getDuplicateReports,
-	getReportById
+	getReportById,
+	getLogsForTarget
 };
diff --git a/apps/juxtaposition-ui/src/middleware/jsx.ts b/apps/juxtaposition-ui/src/middleware/jsx.ts
@@ -0,0 +1,37 @@
+import { renderToStaticMarkup } from 'react-dom/server';
+import type { RequestHandler } from 'express';
+
+const htmlDoctype = '<!DOCTYPE html>';
+
+/**
+ * Render JSX as static markup. Only static! No state or event handlers are supported.
+ */
+export const jsxRenderer: RequestHandler = (request, response, next) => {
+	response.jsx = (el, addDoctype): typeof response => {
+		const prefix = addDoctype ? htmlDoctype + '\n' : '';
+		response.send(prefix + renderToStaticMarkup(el));
+		return response;
+	};
+
+	response.jsxForDirectory = (opt): typeof response => {
+		const disabledFor = opt.disableDoctypeFor ?? [];
+		const directory = request.directory;
+		if (directory === 'ctr' && opt.ctr) {
+			response.jsx(opt.ctr, !disabledFor.includes('ctr'));
+			return response;
+		}
+
+		if (directory === 'portal' && opt.portal) {
+			response.jsx(opt.portal, !disabledFor.includes('portal'));
+			return response;
+		}
+
+		if (directory === 'web' && opt.web) {
+			response.jsx(opt.web, !disabledFor.includes('web'));
+			return response;
+		}
+
+		throw new Error('Invalid directory to render JSX for');
+	};
+	next();
+};
diff --git a/apps/juxtaposition-ui/src/models/logs.js b/apps/juxtaposition-ui/src/models/logs.js
@@ -0,0 +1,51 @@
+const { Schema, model } = require('mongoose');
+
+const actionEnum = [
+	'REMOVE_POST',
+	'IGNORE_REPORT',
+	'LIMIT_POSTING',
+	'TEMP_BAN',
+	'PERMA_BAN',
+	'UNBAN',
+	'UPDATE_USER',
+	'MAKE_COMMUNITY',
+	'UPDATE_COMMUNITY',
+	'DELETE_COMMUNITY'
+];
+
+const auditLogSchema = new Schema({
+	actor: {
+		type: Number,
+		required: true
+	},
+	action: {
+		type: String,
+		enum: actionEnum,
+		required: true
+	},
+	target: {
+		type: String,
+		required: true
+	},
+	context: {
+		type: String,
+		required: true
+	},
+	timestamp: {
+		type: Date,
+		default: Date.now,
+		required: true
+	},
+	changed_fields: {
+		type: [String],
+		default: [],
+		required: true
+	}
+});
+
+const LOGS = model('LOGS', auditLogSchema);
+
+module.exports = {
+	auditLogSchema,
+	LOGS
+};
diff --git a/apps/juxtaposition-ui/src/server.js b/apps/juxtaposition-ui/src/server.js
@@ -10,6 +10,7 @@ const { redisClient } = require('@/redisCache');
 const juxt_web = require('@/services/juxt-web');
 const { healthzRouter } = require('@/services/healthz');
 const { config } = require('@/config');
+const { jsxRenderer } = require('@/middleware/jsx');
 
 process.title = 'Pretendo - Juxt-Web';
 process.on('SIGTERM', () => {
@@ -49,6 +50,7 @@ app.get('/ip', (request, response) => response.send(request.ip));
 
 // Create router
 logger.info('Setting up Middleware');
+app.use(jsxRenderer);
 app.use(loggerHttp);
 app.use(express.json());
 app.use(healthzRouter);