From 256a14a922f3bec798e0cf7a98d4804b098c8933 Mon Sep 17 00:00:00 2001
From: Sam <sam@sam.wf>
Date: Sun, 26 Mar 2023 00:07:51 +0100
Subject: [PATCH] feat: rel=me for profile links, don't show http:// prefix

---
 frontend/src/routes/@[username]/+page.svelte  |  3 ++-
 .../src/routes/@[username]/ProfileLink.svelte | 21 +++++++++++++++++++
 .../@[username]/[memberName]/+page.svelte     |  3 ++-
 3 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 frontend/src/routes/@[username]/ProfileLink.svelte

diff --git a/frontend/src/routes/@[username]/+page.svelte b/frontend/src/routes/@[username]/+page.svelte
index 18f8513..5d9c72e 100644
--- a/frontend/src/routes/@[username]/+page.svelte
+++ b/frontend/src/routes/@[username]/+page.svelte
@@ -32,6 +32,7 @@
   import { goto } from "$app/navigation";
   import renderMarkdown from "$lib/api/markdown";
   import ReportButton from "./ReportButton.svelte";
+  import ProfileLink from "./ProfileLink.svelte";
 
   export let data: PageData;
 
@@ -114,7 +115,7 @@
         <div class="col-md d-flex align-items-center">
           <ul class="list-unstyled">
             {#each data.links as link}
-              <li><Icon name="globe" /> <a href={link}>{link}</a></li>
+              <li><ProfileLink {link} /></li>
             {/each}
           </ul>
         </div>
diff --git a/frontend/src/routes/@[username]/ProfileLink.svelte b/frontend/src/routes/@[username]/ProfileLink.svelte
new file mode 100644
index 0000000..a7bc5f9
--- /dev/null
+++ b/frontend/src/routes/@[username]/ProfileLink.svelte
@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { Icon } from "sveltestrap";
+
+  export let link: string;
+
+  let displayLink: string;
+  $: displayLink = prettifyLink(link);
+
+  const prettifyLink = (raw: string) => {
+    let out = raw;
+    if (raw.startsWith("https://")) out = raw.substring("https://".length);
+    else if (raw.startsWith("http://")) out = raw.substring("http://".length);
+
+    if (raw.endsWith("/")) out = raw.substring(0, raw.length - 1);
+
+    return out;
+  };
+</script>
+
+<Icon name="globe" />
+<a href={link} rel="me nofollow noreferrer" target="_blank">{displayLink}</a>
diff --git a/frontend/src/routes/@[username]/[memberName]/+page.svelte b/frontend/src/routes/@[username]/[memberName]/+page.svelte
index 4069b7d..70865d8 100644
--- a/frontend/src/routes/@[username]/[memberName]/+page.svelte
+++ b/frontend/src/routes/@[username]/[memberName]/+page.svelte
@@ -11,6 +11,7 @@
   import { userStore } from "$lib/store";
   import renderMarkdown from "$lib/api/markdown";
   import ReportButton from "../ReportButton.svelte";
+  import ProfileLink from "../ProfileLink.svelte";
 
   export let data: PageData;
 
@@ -51,7 +52,7 @@
         <div class="col-md d-flex align-items-center">
           <ul class="list-unstyled">
             {#each data.links as link}
-              <li><Icon name="globe" /> <a href={link}>{link}</a></li>
+              <li><ProfileLink {link} /></li>
             {/each}
           </ul>
         </div>