feat: add viewer.html generator

pmh-only · pmh-only · commit ad009327807a · 2025-06-06T16:05:41.000+09:00
diff --git a/configs/ignore b/configs/ignore
@@ -1,3 +1,4 @@
 .pydio
 index.html
+viewer.html
 _/*
diff --git a/src/IndexTemplate.ts b/src/IndexTemplate.ts
@@ -2,7 +2,6 @@ import fs from 'node:fs'
 import { render } from 'ejs'
 import type { Directory } from './DirectoryFormat.js'
 import path from 'node:path'
-import moment from 'moment'
 
 export class IndexTemplate {
   private readonly template = fs
@@ -23,8 +22,7 @@ export class IndexTemplate {
     map.set(
       path.join(directory.fullname, 'index.html'),
       render(this.template, {
-        directory,
-        indexedAt: moment.utc().format('YYYY-MM-DD HH:mm:ss UTC')
+        directory
       })
     )
 
diff --git a/src/ViewerTemplate.ts b/src/ViewerTemplate.ts
@@ -0,0 +1,34 @@
+import fs from 'node:fs'
+import { render } from 'ejs'
+import type { Directory } from './DirectoryFormat.js'
+import path from 'node:path'
+
+export class ViewerTemplate {
+  private readonly template = fs
+    .readFileSync('./templates/viewer.ejs')
+    .toString()
+
+  public compileAll(rootDirectory: Directory): Map<string, string> {
+    return this.compileOne(rootDirectory)
+  }
+
+  public compileOne(directory: Directory): Map<string, string> {
+    const childOutputs = [...directory.directories.values()]
+      .map((v) => [...this.compileOne(v)])
+      .flat()
+
+    const map = new Map<string, string>(childOutputs)
+    const files = [...directory.files.values()].filter((v) => v.viewerAvailable)
+
+    for (const file of files) {
+      map.set(
+        path.join(directory.fullname, file.name, 'viewer.html'),
+        render(this.template, {
+          file
+        })
+      )
+    }
+
+    return map
+  }
+}
diff --git a/src/main.ts b/src/main.ts
@@ -3,11 +3,13 @@ import { S3Service } from './S3Service.js'
 import { DirectoryFormat } from './DirectoryFormat.js'
 import { IndexTemplate } from './IndexTemplate.js'
 import { AssetsManager } from './AssetsManager.js'
+import { ViewerTemplate } from './ViewerTemplate.js'
 
 class Main {
   private readonly s3 = new S3Service()
   private readonly formatter = new DirectoryFormat()
-  private readonly template = new IndexTemplate()
+  private readonly indexTemplate = new IndexTemplate()
+  private readonly viewerTemplate = new ViewerTemplate()
   private readonly assets = new AssetsManager()
 
   private isProcessing = false
@@ -38,9 +40,11 @@ class Main {
   private async runJob(): Promise<void> {
     const objects = await this.s3.getAllObjects()
     const directory = this.formatter.parse(objects)
-    const indexes = this.template.compileAll(directory)
+    const indexes = this.indexTemplate.compileAll(directory)
+    const viewers = this.viewerTemplate.compileAll(directory)
+    const allTextObjects = new Map<string, string>([...indexes, ...viewers])
 
-    await this.s3.putAllTextObjects(indexes)
+    await this.s3.putAllTextObjects(allTextObjects)
 
     console.log('Finished Cycle', new Date())
   }
diff --git a/templates/index.ejs b/templates/index.ejs
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="description" content="Contents of /<%= directory.fullname %> - @pmh-only's public dumps">
+    <meta name="description" content="Contents of /<%= directory.fullname %>">
     
     <link rel="shortcut icon" href="/_/Niko_origin.webp" type="image/webp">
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono&family=Noto+Emoji:wght@700&display=swap" onload="this.onload=null;this.rel='stylesheet'">
 
-    <title>Contents of /<%= directory.fullname %> - public dumps</title>
+    <title>Contents of /<%= directory.fullname %></title>
   </head>
   <body>
     <div class="container">
@@ -71,7 +71,7 @@
             <tr>
               <td>📄</td>
               <% if (file.viewerAvailable) { %>
-                <td class="nav-col"><div><a href="/_/viewer.html#<%= Buffer.from(JSON.stringify(file)).toString('base64') %>"><%= file.name %></a></div></td>
+                <td class="nav-col"><div><a href="/<%= file.fullname %>/viewer.html"><%= file.name %></a></div></td>
               <% } else { %>
                 <td class="nav-col"><div><a href="/<%= file.fullname %>"><%= file.name %></a></div></td>
               <% } %>
@@ -84,7 +84,7 @@
       </table>
     </div>
 
-    <img id="niko" src="/_/Niko_origin.webp" alt="Niko The Cat">
+    <img id="niko" src="/_/Niko_origin.webp" alt="Niko the Cat">
     
     <style>
       :root {
diff --git a/templates/viewer.ejs b/templates/viewer.ejs

-Original file line number
+Diff line change
@@ @@ -1,3 +1,4 @@ @@
 .pydio
 index.html
 +viewer.html
 _/*