Themes: add possibility to add an icon to 'render' (just like with mappings), add contact:mastodon support as general question, add mastodon question to hackerspaces

src/UI/InputElement/Validators.ts

@@ -18,6 +18,7 @@ import ColorValidator from "./Validators/ColorValidator"
 import BaseUIElement from "../BaseUIElement"
 import Combine from "../Base/Combine"
 import Title from "../Base/Title"
+import FediverseValidator from "./Validators/FediverseValidator";
 
 export type ValidatorType = (typeof Validators.availableTypes)[number]
 
@@ -39,6 +40,7 @@ export default class Validators {
         "phone",
         "opening_hours",
         "color",
+        "fediverse"
     ] as const
 
     public static readonly AllValidators: ReadonlyArray<Validator> = [
@@ -58,6 +60,7 @@ export default class Validators {
         new PhoneValidator(),
         new OpeningHoursValidator(),
         new ColorValidator(),
+        new FediverseValidator()
     ]
 
     private static _byType = Validators._byTypeConstructor()

src/UI/InputElement/Validators/FediverseValidator.ts

@@ -0,0 +1,63 @@
+import {Validator} from "../Validator"
+import {Translation} from "../../i18n/Translation";
+import Translations from "../../i18n/Translations";
+
+export default class FediverseValidator extends Validator {
+
+    public static readonly usernameAtServer: RegExp = /^@?(\w+)@((\w|\.)+)$/
+
+    constructor() {
+        super("fediverse", "Validates fediverse addresses and normalizes them into `@username@server`-format");
+    }
+
+    /**
+     * Returns an `@username@host`
+     * @param s
+     */
+    reformat(s: string): string {
+        if(!s.startsWith("@")){
+            s = "@"+s
+        }
+        if (s.match(FediverseValidator.usernameAtServer)) {
+            return s
+        }
+        try {
+            const url = new URL(s)
+            const path = url.pathname
+            if (path.match(/^\/\w+$/)) {
+                return `@${path.substring(1)}@${url.hostname}`;
+            }
+        } catch (e) {
+            // Nothing to do here
+        }
+        return undefined
+    }
+getFeedback(s: string): Translation | undefined {
+    const match = s.match(FediverseValidator.usernameAtServer)
+    console.log("Match:", match)
+    if (match) {
+        const host = match[2]
+        try {
+            const url = new URL("https://" + host)
+            return undefined
+        } catch (e) {
+            return Translations.t.validation.fediverse.invalidHost.Subs({host})
+        }
+    }
+    try {
+        const url = new URL(s)
+        const path = url.pathname
+        if (path.match(/^\/\w+$/)) {
+            return undefined
+        }
+    } catch (e) {
+        // Nothing to do here
+    }
+    return Translations.t.validation.fediverse.feedback
+}
+
+    isValid(s): boolean {
+      return this.getFeedback(s) === undefined
+
+    }
+}