From 47cffb6697caadca5c5629b404e44222a6328a18 Mon Sep 17 00:00:00 2001
From: Yarmo Mackenbach <yarmo@qivro.xyz>
Date: Sun, 5 Jul 2020 13:50:25 +0200
Subject: [PATCH 1/3] Add profile generator

---
 assets/styles.css          |  6 +++---
 views/util/profile-url.php | 23 +++++++++++++++++++++++
 2 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 views/util/profile-url.php

diff --git a/assets/styles.css b/assets/styles.css
index eafa3cd..ab40a53 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -103,6 +103,9 @@ input[type="submit"][disabled="true"] {
     pointer-events: none;
     opacity: 0.3;
 }
+select {
+    margin: 0 0 16px 0;
+}
 .green {
     color: green;
 }
@@ -113,9 +116,6 @@ input[type="submit"][disabled="true"] {
     display: inline-block;
     margin: 0 0 8px;
 }
-.modesContainer {
-    margin-top: 16px;
-}
 .modes {
     display: none;
 }
diff --git a/views/util/profile-url.php b/views/util/profile-url.php
new file mode 100644
index 0000000..70c3e62
--- /dev/null
+++ b/views/util/profile-url.php
@@ -0,0 +1,23 @@
+<?php $this->layout('template.base', ['title' => $title]) ?>
+
+<h1>Profile URL</h1>
+<div class="content">
+    <form id="form-util-profile-url" method="post">
+        <p>This tool generates an URL for your Keyoxide profile page.</p>
+        <h3>Public key</h3>
+        <label for="source">Source: </label>
+        <select class="source" name="source" id="source">
+            <option value="wkd">Web Key Directory</option>
+            <option value="hkp">keys.openpgp.org</option>
+            <option value="keybase">Keybase</option>
+        </select>
+        <br>
+        <input type="text" name="input" id="input" placeholder="Input" value="">
+        <h3>Profile URL</h3>
+        <code id="output">Waiting for input...</code>
+        <h3>Help</h3>
+        <p>When using the <strong>Web Key Directory</strong> source, the <strong>Input</strong> looks like <strong>username@domain.org</strong>.</p>
+        <p>When using the <strong>keys.openpgp.org</strong> source, the <strong>Input</strong> is either the <strong>fingerprint</strong> of your public key, or the main identity's <strong>email address</strong>.</p>
+        <p>When using the <strong>Keybase</strong> source, the <strong>Input</strong> is the URL obtained by going to your Keybase profile page, clicking on the <strong>key id</strong> of your keypair and copying the URL of the <strong>this key</strong> link.</p>
+    </form>
+</div>

From 92ce753e01690e491bedbf5b4a9f9846c750fa8b Mon Sep 17 00:00:00 2001
From: Yarmo Mackenbach <yarmo@qivro.xyz>
Date: Sun, 5 Jul 2020 13:50:38 +0200
Subject: [PATCH 2/3] Add profile generator button to index

---
 views/index.php | 1 +
 1 file changed, 1 insertion(+)

diff --git a/views/index.php b/views/index.php
index 9d5cfa1..b2de7aa 100644
--- a/views/index.php
+++ b/views/index.php
@@ -10,6 +10,7 @@
     </p>
     <h2>Utilities</h2>
     <p>
+        <a class="bigBtn" href="/util/profile-url">Profile URL</a>
         <a class="bigBtn" href="/util/wkd">wkd</a>
         <a class="bigBtn" href="/util/qr">QR</a>
     </p>

From 140f645055ae1ccabfcd198510f7a50dde80ae8f Mon Sep 17 00:00:00 2001
From: Yarmo Mackenbach <yarmo@qivro.xyz>
Date: Sun, 5 Jul 2020 13:51:23 +0200
Subject: [PATCH 3/3] Add function to generate profile urls

---
 assets/scripts.js | 62 ++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 61 insertions(+), 1 deletion(-)

diff --git a/assets/scripts.js b/assets/scripts.js
index 9d8ce44..c5b0ed9 100644
--- a/assets/scripts.js
+++ b/assets/scripts.js
@@ -658,6 +658,32 @@ async function computeWKDLocalPart(message) {
     return encodeZBase32(new Uint8Array(hash));
 }
 
+async function generateProfileURL(data) {
+    if (data.input == "") {
+        return "Waiting for input...";
+    }
+    switch (data.source) {
+        case "wkd":
+            return `https://keyoxide.org/${data.input}`;
+            break;
+        case "hkp":
+            if (/.*@.*\..*/.test(data.input)) {
+                return `https://keyoxide.org/hkp/${data.input}`;
+            } else {
+                return `https://keyoxide.org/${data.input}`;
+            }
+            break;
+        case "keybase":
+            const re = /https\:\/\/keybase.io\/(.*)\/pgp_keys\.asc\?fingerprint\=(.*)/;
+            if (!re.test(data.input)) {
+                return "Incorrect Keybase public key URL.";
+            }
+            const match = data.input.match(re);
+            return `https://keyoxide.org/keybase/${match[1]}/${match[2]}`;
+            break;
+    }
+}
+
 // General purpose
 let elFormVerify = document.body.querySelector("#form-verify"),
     elFormEncrypt = document.body.querySelector("#form-encrypt"),
@@ -666,7 +692,8 @@ let elFormVerify = document.body.querySelector("#form-verify"),
     elProfileMode = document.body.querySelector("#profileMode"),
     elModeSelect = document.body.querySelector("#modeSelect"),
     elUtilWKD = document.body.querySelector("#form-util-wkd"),
-    elUtilQR = document.body.querySelector("#form-util-qr");
+    elUtilQR = document.body.querySelector("#form-util-qr"),
+    elUtilProfileURL = document.body.querySelector("#form-util-profile-url");
 
 if (elModeSelect) {
     elModeSelect.onchange = function (evt) {
@@ -870,3 +897,36 @@ if (elUtilQR) {
 
     elInput.dispatchEvent(new Event("input"));
 }
+
+if (elUtilProfileURL) {
+    elUtilProfileURL.onsubmit = function (evt) {
+        evt.preventDefault();
+    }
+
+    const elInput = document.body.querySelector("#input"),
+        elSource = document.body.querySelector("#source"),
+        elOutput = document.body.querySelector("#output");
+
+    let data = {
+        input: elInput.value,
+        source: elSource.value
+    };
+
+    elInput.addEventListener("input", async function(evt) {
+        data = {
+            input: elInput.value,
+            source: elSource.value
+        };
+        elOutput.innerText = await generateProfileURL(data);
+    });
+
+    elSource.addEventListener("input", async function(evt) {
+        data = {
+            input: elInput.value,
+            source: elSource.value
+        };
+        elOutput.innerText = await generateProfileURL(data);
+    });
+
+    elInput.dispatchEvent(new Event("input"));
+}