feat: updated default patterns to recognize pushtext tag and other ma…

…rkdowns
push-protocol · Oct 26, 2023 · 5e3a938 · 5e3a938
1 parent 325ad80
commit 5e3a938
Showing 1 changed file with 43 additions and 3 deletions.
diff --git a/packages/uiweb/src/lib/components/parsetext/defaultPatterns.ts b/packages/uiweb/src/lib/components/parsetext/defaultPatterns.ts
@@ -11,6 +11,34 @@ function renderStyles(matchingString:string) {
     return `${match?match[2]:""}`;
 }
 
+function renderTextStyles(matchingString: string) {
+    const pattern = /<PUSHText color=["']?(#[0-9A-Fa-f]{3,6}|[a-zA-Z]+)["']?>(.*?)<\/PUSHText>/i;
+    const match = matchingString.match(pattern);
+
+    if (match) {
+      const colorName = match[1].toLowerCase();
+      let color;
+      switch (colorName) {
+          case 'primary':
+              color = COLORS.PRIMARY;
+              break;
+          case 'secondary':
+              color = COLORS.GRADIENT_SECONDARY;
+              break;
+          case 'white':
+              color = COLORS.WHITE;
+              break;
+          // can add more custom color names if needed, couldn't find the tertiary color
+          default:
+              color = colorName;
+      }
+      const textContent = match[2];
+      return `<span style="color: ${color}">${textContent}</span>`;
+  }
+
+    return matchingString;
+}
+
 // -------- Define the required colors
 const COLORS = {
     PRIMARY: 'rgba(27.0, 150.0, 227.0, 1.0)',
@@ -140,6 +168,11 @@ const DEFAULT_PATTERNS:CustomParseShape[] = [
         },
         renderText: renderStyles
       },
+      {
+        pattern: /<PUSHText color=["']?(#[0-9A-Fa-f]{3,6}|[a-zA-Z]+)["']?>(.*?)<\/PUSHText>/gi,
+        style: {}, // we can add aditional styles here if needed
+        renderText: renderTextStyles
+    },
       {
         pattern: /\[(up):([^\]]+)\]/i, // url
         style: {
@@ -188,10 +221,17 @@ const DEFAULT_PATTERNS:CustomParseShape[] = [
         renderText: renderStyles
       },
       {
-        pattern: /\[(i):([^\]]+)\]/i, // italics
-        style: styles.italics,
-        renderText: renderStyles
+        pattern: /\*\*(.*?)\*\*/g, // bold **text**
+        style: styles.bold,
+        renderText: (matchingString) => matchingString.replace(/\*\*(.*?)\*\*/g, '$1'),
       },
+      {
+        pattern: /\*(.*?)\*/g, // italic *some text*
+        style: {
+            ...styles.italics,
+        },
+        renderText: (matchingString) => matchingString.replace(/\*(.*?)\*/g, '$1'),
+    },
       {
         pattern: /\[(bi):([^\]]+)\]/i, // bolditalics
         style: {