better embeds

lib.js

@@ -15,7 +15,7 @@ function splitUp(content) {
     for (let i in out) {
         let res = out[i];
         if (res.startsWith('file::')) {
-            out[i] = ['file', res.slice('file::'.length)];
+            out[i] = ['file', new URL(res.slice('file::'.length), 'https://tbg.dervland.net/').pathname , res.split('.').pop()];
             continue;
         }
         if (res.startsWith('https://')) {

routes/init.js

@@ -7,13 +7,26 @@ import { randomBytes } from 'node:crypto';
 
 let db = await initDb();
 
+const mimes = {
+    'image/gif': 'gif',
+    'image/jpeg': 'jpg',
+    'text/plain': 'txt',
+    'application/json': 'json',
+    'video/mp4': 'mp4',
+    'video/webm': 'webm',
+    'image/png': 'png',
+    'audio/mpeg': 'mp3',
+    'audio/wav': 'wav',
+};
+
 const upload = multer.diskStorage({
     destination: function (req, file, cb) {
         cb(null, './uploads/')
     },
     filename: function (req, file, cb) {
         const uniqueSuffix = randomBytes(8).toString('hex');
-        cb(null, uniqueSuffix + '.png')
+        const type = mimes[file.mimetype] || 'txt';
+        cb(null, uniqueSuffix + '.' + type)
     }
 });
 

views/comment.ejs

@@ -10,9 +10,19 @@
     <div>
         <% for (let contentN of content) { %>
         <% if (contentN[0] == 'file') { %>
-        <img class='art' src='<%= new URL(contentN[1], 'https://tbg.dervland.net/') %>'>
+        <a class='link' href='<%= contentN[1] %>'>
+            <% if (['gif','png','jpg'].indexOf(contentN[2]) != -1)  { %>
+            <img class='art' src='<%= contentN[1] %>'>
+            <% } else if (['txt','json'].indexOf(contentN[2]) != -1) { %>
+            <%= contentN[1] %>
+            <% } else if (['mp4','mp3','webm','wav'].indexOf(contentN[2]) != -1) { %>
+            <video class='art' controls>
+                <source src='<%= contentN[1] %>'>
+            </video>
+            <% } %>
+        </a>
         <% } else if (contentN[0] == 'link') { %>
-        <a class='link' href='<%= contentN[1] %>.'><%= contentN[1] %></a>
+        <a class='link' href='<%= contentN[1] %>'><%= contentN[1] %></a>
         <% } else if (contentN[0].replaceAll(' ','').length > 0) { %>
         <span class='commentbox'><%= contentN[0] %></span>
         <% } } %>