feat: secret posts

.gitignore

@@ -1,3 +1,4 @@
 build/
 .soupault-cache/
 node_modules/
+.key

Readme.md

@@ -19,6 +19,12 @@ This new SSG is much faster.
 - convert (imagemagick)
 - make
 
+Set your personal password for secret posts:
+
+```bash
+echo mypassword > .key
+```
+
 To build, run:
 
 ```bash

plugins/post-header.lua

@@ -125,6 +125,12 @@ else
   HTML.set_tag_name(post_initdate, "time")
 end
 
+
+is_secret = HTML.select_one(page, "encrypted")
+if is_secret then
+  env["secret"] = is_secret
+end
+
 -- Extract and clean up the <post-tags> element
 -- It's supposed to look like <post-tags>foo, bar, baz</post-tags>
 -- We extract the tags string and split it into individual tags

scripts/md.mjs

@@ -2,6 +2,7 @@ import { md } from "./md-it.mjs";
 import { readFileSync, writeFileSync } from "fs";
 import { execSync } from "child_process";
 import { argv } from "process";
+import CryptoJS from "crypto-js";
 import jyml from "js-yaml";
 
 function format_dt(dt) {
@@ -21,6 +22,9 @@ input = input.replaceAll(/\$url\((.*?)\)/g, function (_, p) {
   }
 });
 
+let is_encrypted = false;
+let gen_pp = "";
+
 let opts = {
   schema: jyml.JSON_SCHEMA,
 };
@@ -40,6 +44,10 @@ const new_s = input.replace(/^---\n([\s\S]*?)---\n/, function (_, p1) {
   let tags = pp1.categories.concat(pp1.tags);
   let uniq_tags = [...new Set(tags)];
 
+  if (pp1.secret) {
+    is_encrypted = pp1.secret;
+  }
+
   if (uniq_tags.length == 0) {
     console.error("Warning: empty tag list");
   }
@@ -79,6 +87,7 @@ const new_s = input.replace(/^---\n([\s\S]*?)---\n/, function (_, p1) {
     }
   }
   pp += "\n";
+  gen_pp = pp;
   return pp;
 });
 
@@ -93,6 +102,17 @@ tags:
   new_content += input;
   writeFileSync(fpath, new_content);
 } else {
-  var res = md.render(new_s);
-  console.log(res);
+  if (is_encrypted) {
+    const no_pp = input.replace(/^---\n([\s\S]*?)---\n/, "");
+    let res = md.render(no_pp);
+    const key = readFileSync(".key").toString();
+    const encrypted = CryptoJS.AES.encrypt(res, key).toString();
+    console.log(`${gen_pp}
+<script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.2.0/crypto-js.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script src="/decrypt.js"></script>
+<encrypted data="${encrypted}" />`);
+  } else {
+    let res = md.render(new_s);
+    console.log(res);
+  }
 }

site/blog/testsecret.md

@@ -8,4 +8,4 @@ tags:
 
 ## Test secret content
 
-Hello
+Hello world!

site/decrypt.js

@@ -0,0 +1,27 @@
+function fun() {
+  const key = prompt("Enter the key");
+  if (key) {
+    this.localStorage.setItem("key", key);
+    location.reload();
+  }
+}
+
+window.addEventListener("load", function () {
+  const enc = document.getElementsByTagName("encrypted")[0];
+  const val = enc.attributes.data.value;
+  const key = this.localStorage.getItem("key");
+  if (!key) {
+    document.getElementsByTagName("main")[0].innerHTML +=
+      'Error: No key provided. <a onclick="fun()">Click to enter the key.</a>';
+    return;
+  }
+  const decrypted = CryptoJS.AES.decrypt(val, key);
+  const text = decrypted.toString(CryptoJS.enc.Utf8);
+  enc.remove();
+  if (text.length == 0) {
+    document.getElementsByTagName("main")[0].innerHTML +=
+      'Error: Incorrect key. <a onclick="fun()">Click to enter the key.</a>';
+    return;
+  }
+  document.getElementsByTagName("main")[0].innerHTML += text;
+});

soupault.toml

@@ -96,6 +96,7 @@
   excerpt = { selector = ["#post-excerpt", "p"] }
   date = { selector = ["#post-date"] }
   initdate = { selector = ["#post-initdate"] }
+  secret = { selector = ["#encrypted"] }
   tags = { selector = ".post-tag", select_all = true }
 
   reading_time = { selector = "#reading-time" }
@@ -111,7 +112,11 @@
   # Jingoo template for rendering extracted metadata
   index_template = """
     {% for e in entries %}
-    <h2><a href="{{e.url}}">{{e.title}}</a></h2>
+    <h2><a href="{{e.url}}">{{e.title}}</a>
+    {% if e.secret %}
+    <strong>*</strong>
+    {% endif %}
+    </h2>
     {% if e.date %}
     <div><strong>Last update:</strong> {{e.date}}</div>
     {% endif %}
@@ -232,8 +237,12 @@
           </div>
           </a>
          {%- endfor -%}
-         </div>
-        {% endif %}
+        </div>
+      {% endif %}
+
+      {% if secret %}
+      <div><strong id="encrypted">This is a secret post.</strong></div>
+      {% endif %}
     </div>
 '''