Rich Attribute Filters

mwdb/web/src/components/RichAttribute/MarkedMustache.tsx

@@ -6,6 +6,7 @@ import {
     renderTokens,
     Token,
 } from "@mwdb-web/commons/helpers";
+import { JSONValue, filter, filters } from "./filters";
 
 /**
  * Markdown with Mustache templates for React
@@ -24,6 +25,8 @@ function appendToLastElement(array: string[], value: string) {
     return [...array.slice(0, -1), array[array.length - 1] + value];
 }
 
+const availableFilters: string[] = filters.map((f: filter) => f.name);
+
 function splitName(name: string) {
     if (name === ".")
         // Special case for "this"
@@ -103,7 +106,7 @@ class MustacheContext extends Mustache.Context {
         return parentPath;
     }
 
-    lookup(name: string) {
+    _lookup(name: string) {
         let searchable = false;
         // Check for searchable mark at the beginning
         if (name[0] === "@") {
@@ -137,6 +140,25 @@ class MustacheContext extends Mustache.Context {
         }
         return currentObject;
     }
+
+    lookup(name: string) {
+        const filter_expr = name.split("|");
+        const variable = filter_expr.shift()!.trim();
+        var original: JSONValue = this._lookup(variable);
+        if (!original) {
+            return undefined;
+        }
+
+        for (let filter of filter_expr) {
+            if (!(filter in availableFilters)) {
+                continue;
+            }
+            const action = filters.filter((f: filter) => f.name == filter)[0].action;
+            original = action(original);
+        }
+
+        return original;
+    }
 }
 
 // Extended Writer to escape Markdown characters instead of HTML

mwdb/web/src/components/RichAttribute/filters.ts

@@ -0,0 +1,22 @@
+export type JSONValue = 
+ | string
+ | number
+ | boolean
+ | null
+
+export type filter = {
+    name: string,
+    action: (value: JSONValue) => JSONValue,
+}
+
+export const filters: filter[] = [
+    {
+        name: "upper",
+        action: (value: JSONValue) => {
+            if (typeof value === "string") {
+                return value.toUpperCase();
+            }
+            return value;
+        }
+    }
+];