Allow usage front-matter data in listing template

webpro · Nov 29, 2020 · e247432 · e247432
1 parent 5eb2576
commit e247432
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 5 deletions.
diff --git a/lib/listing.js b/lib/listing.js
@@ -1,18 +1,39 @@
 const Mustache = require('mustache');
 const path = require('path');
 const { getInitialDir, getOptions, getListingTemplate, getThemeUrl, getFilesGlob } = require('./config');
-const { listFiles } = require('./util');
+const { listFiles, parseYamlFrontMatter } = require('./util');
+const fs = require('fs');
+
+
+const listFilesMeta = async (files) => {
+  return Promise.all(files.map(async filePath => {
+    const baseDir = await getInitialDir();
+    const markdown = fs.readFileSync(path.join(baseDir, filePath).replace('.html', '.md')).toString();
+    let yamlOptions = {};
+    try {
+      yamlOptions = parseYamlFrontMatter(markdown).yamlOptions;
+    } catch(e) {
+      // there might be no front matter info in the file
+    }
+    return {
+      filePath,
+      yamlOptions
+    }
+  }));
+}
 
 const renderListFile = async files => {
   const { title, listingTemplate, theme } = getOptions();
   const template = await getListingTemplate(listingTemplate);
   const themeUrl = getThemeUrl(theme, '.');
+  const extendedFileRecords = await listFilesMeta(files);
   return Mustache.render(template, {
     base: '',
     themeUrl,
     title,
     filePaths: files,
-    fileNames: files.map(file => path.basename(file))
+    fileNames: files.map(file => path.basename(file)),
+    extendedFileRecords,
   });
 };
 

diff --git a/lib/template/listing.html b/lib/template/listing.html
@@ -8,9 +8,11 @@
 
   <body>
     <ul>
-      {{#filePaths}}
-      <li><a href="{{.}}">{{.}}</a></li>
-      {{/filePaths}}
+      {{#extendedFileRecords}}
+        {{#.}}
+          <li><a href="{{filePath}}" title="{{yamlOptions.title}}">{{filePath}}</a></li>
+        {{/.}}
+      {{/extendedFileRecords}}
     </ul>
   </body>
 </html>