feat(discord): better embeds

Author: ProbablePrime

app.js

@@ -16,6 +16,13 @@ app.use(express.json());
 app.use(express.urlencoded({ extended: false }));
 app.use(express.static(path.join(__dirname, 'public')));
 
+app.use(function(req, res, next) {
+  req.getUrl = function() {
+    return req.protocol + "://" + req.get('host') + req.originalUrl;
+  }
+  return next();
+});
+
 app.use('/', indexRouter);
 
 // catch 404 and forward to error handler

routes/index.js

@@ -10,6 +10,9 @@ router.get('/', function(req, res, next) {
 router.get('/record/:ownerId/:recordId', (req,res, next) => handle("world", req, res, next));
 router.get('/session/:sessionId', (req,res, next) => handle("session", req, res, next));
 
+router.get('/record/:ownerId/:recordId/json', (req,res, next) => handleJson("world", req, res, next));
+router.get('/session/:sessionId/json', (req,res, next) => handleJson("session", req, res, next));
+
 function getUrl(type, req) {
   switch (type) {
     case "world":
@@ -45,15 +48,43 @@ async function handle(type, req, res, next) {
   }
 
   json = preProcess(json);
+  json.urlPath = req.getUrl();
 
   res.status(200).render(type, json);
 }
 
+async function handleJson(type, req, res, next) {
+  var apiResponse = await fetch(getUrl(type, req));
+  if (!apiResponse.ok) {
+    res.status(apiResponse.status);
+    return next();
+  }
+
+  var json = await apiResponse.json();
+
+  if (type ==="world" && json.recordType !== "world") {
+    res.status(400);
+    return next();
+  }
+
+  json = preProcess(json);
+
+  res.json({
+    title: json.name,
+    author_name: json.name,
+    author_url: req.getUrl().replace("/json",""),
+    provider_name: "Resonite",
+    provider_url: "https://resonite.com"
+  });
+
+}
+
 function preProcessName(name) {
   const start = /<color="?(.+?)"?>/gi;
   const end = /<\/color>/gi
   return name.replace(start, "<span style=\"color: $1 ;\">").replace(end, "</span>");
 }
+
 function preProcess(json) {
   json.name = preProcessName(json.name);
 

views/layout.pug

@@ -4,6 +4,7 @@ html(lang="en")
         title #{title}
         meta(charset='utf-8')
         meta(name='viewport', content='width=device-width, initial-scale=1')
+        meta(property="og:site_name" content="Resonite")
         link(rel='stylesheet' href='https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css')
         link(rel='stylesheet' href='/stylesheets/style.css')
         link(rel="preconnect" href="https://api.resonite.com")

views/session.pug

@@ -4,6 +4,9 @@ block head
     meta(property="og:title" content=name)
     meta(property="og:type" content="resonite.session")
     meta(property="og:image" content=thumbnailUrl)
+    meta(name="twitter:card" content="summary_large_image")
+    link(type="application/json+oembed" href=urlPath + "/json")
+
 
 block content
     h1 !{name}

views/world.pug

@@ -4,6 +4,8 @@ block head
     meta(property="og:title" content=name)
     meta(property="og:type" content="resonite.world")
     meta(property="og:image" content=thumbnailUri)
+    meta(name="twitter:card" content="summary_large_image")
+    link(type="application/json+oembed" href=urlPath + "/json")
 
 block content
     h1 !{name}