feat: telegram formatted text

Author: nevo-david

apps/frontend/src/components/new-launch/editor.tsx

@@ -524,7 +524,7 @@ export const Editor: FC<{
             editor={editorRef?.current?.editor}
             currentValue={props.value!}
           />
-          {(editorType === 'markdown' || editorType === 'html') && (
+          {(editorType === 'markdown' || editorType === 'html') && identifier !== 'telegram' && (
             <>
               <Bullets
                 editor={editorRef?.current?.editor}

libraries/helpers/src/utils/strip.html.validation.ts

@@ -1,5 +1,6 @@
 import striptags from 'striptags';
-import { NodeHtmlMarkdown } from 'node-html-markdown';
+import TurndownService from 'turndown';
+const turndownService = new TurndownService();
 
 const bold = {
   a: '𝗮',
@@ -153,7 +154,7 @@ export const stripHtmlValidation = (
   }
 
   if (type === 'markdown') {
-    return NodeHtmlMarkdown.translate(value);
+    return turndownService.turndown(value);
   }
 
   if (value.indexOf('<p>') === -1 && !none) {

libraries/nestjs-libraries/src/integrations/social/telegram.provider.ts

@@ -11,6 +11,7 @@ import { SocialAbstract } from '@gitroom/nestjs-libraries/integrations/social.ab
 import mime from 'mime';
 import TelegramBot from 'node-telegram-bot-api';
 import { Integration } from '@prisma/client';
+import striptags from 'striptags';
 
 const telegramBot = new TelegramBot(process.env.TELEGRAM_TOKEN!);
 // Added to support local storage posting
@@ -23,7 +24,7 @@ export class TelegramProvider extends SocialAbstract implements SocialProvider {
   isBetweenSteps = false;
   isWeb3 = true;
   scopes = [] as string[];
-  editor = 'markdown' as const;
+  editor = 'html' as const;
 
   async refreshToken(refresh_token: string): Promise<AuthTokenDetails> {
     return {
@@ -145,7 +146,14 @@ export class TelegramProvider extends SocialAbstract implements SocialProvider {
     for (const message of postDetails) {
       let messageId: number | null = null;
       const mediaFiles = message.media || [];
-      const text = message.message || '';
+      const text = striptags(message.message || '', [
+        'u',
+        'strong',
+        'p',
+      ])
+        .replace(/<strong>/g, '<b>')
+        .replace(/<\/strong>/g, '</b>')
+        .replace(/<p>(.*?)<\/p>/g, '$1\n')
       // check if media is local to modify url
       const processedMedia = mediaFiles.map((media) => {
         let mediaUrl = media.path;
@@ -176,7 +184,9 @@ export class TelegramProvider extends SocialAbstract implements SocialProvider {
       });
       // if there's no media, bot sends a text message only
       if (processedMedia.length === 0) {
-        const response = await telegramBot.sendMessage(accessToken, text);
+        const response = await telegramBot.sendMessage(accessToken, text, {
+          parse_mode: 'HTML',
+        });
         messageId = response.message_id;
       }
       // if there's only one media, bot sends the media with the text message as caption
@@ -187,20 +197,20 @@ export class TelegramProvider extends SocialAbstract implements SocialProvider {
             ? await telegramBot.sendVideo(
                 accessToken,
                 media.media,
-                { caption: text, parse_mode: 'Markdown' },
+                { caption: text, parse_mode: 'HTML' },
                 media.fileOptions
               )
             : media.type === 'photo'
             ? await telegramBot.sendPhoto(
                 accessToken,
                 media.media,
-                { caption: text, parse_mode: 'Markdown' },
+                { caption: text, parse_mode: 'HTML' },
                 media.fileOptions
               )
             : await telegramBot.sendDocument(
                 accessToken,
                 media.media,
-                { caption: text, parse_mode: 'Markdown' },
+                { caption: text, parse_mode: 'HTML' },
                 media.fileOptions
               );
         messageId = response.message_id;
@@ -213,7 +223,7 @@ export class TelegramProvider extends SocialAbstract implements SocialProvider {
             type: m.type === 'document' ? 'document' : m.type, // Documents are not allowed in media groups
             media: m.media,
             caption: i === 0 && index === 0 ? text : undefined,
-            parse_mode: 'Markdown'
+            parse_mode: 'HTML',
           }));
 
           const response = await telegramBot.sendMediaGroup(

package.json

@@ -109,6 +109,7 @@
     "@types/sha256": "^0.2.2",
     "@types/stripe": "^8.0.417",
     "@types/striptags": "^0.0.5",
+    "@types/turndown": "^5.0.5",
     "@types/yup": "^0.32.0",
     "@uidotdev/usehooks": "^2.4.1",
     "@uiw/react-md-editor": "^4.0.3",
@@ -167,7 +168,6 @@
     "next": "^14.2.30",
     "next-plausible": "^3.12.0",
     "node-fetch": "^3.3.2",
-    "node-html-markdown": "^1.3.0",
     "node-telegram-bot-api": "^0.66.0",
     "nodemailer": "^6.9.15",
     "nostr-tools": "^2.10.4",
@@ -213,6 +213,7 @@
     "tldts": "^6.1.47",
     "transloadit": "^3.0.2",
     "tslib": "^2.3.0",
+    "turndown": "^7.2.0",
     "tweetnacl": "^1.0.3",
     "twitter-api-v2": "^1.24.0",
     "twitter-text": "^3.1.0",