@ecency/render-helper 2.2.1 → 2.2.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecency/render-helper",
-  "version": "2.2.1",
+  "version": "2.2.5",
   "description": "Markdown+Html Render helper",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",

package/src/consts/allowed-attributes.const.ts

@@ -15,7 +15,8 @@ export const ALLOWED_ATTRIBUTES: XSSWhiteList = {
     'data-video-href',
     'data-proposal',
     'class',
-    'title'
+    'title',
+    'data-id'
   ],
   'img': ['src', 'alt', 'class'],
   'span': ['class'],

package/src/consts/regexes.const.ts

@@ -12,7 +12,7 @@ export const INTERNAL_POST_TAG_REGEX = /\/(.*)\/(@[\w.\d-]+)\/(.*)/i
 export const INTERNAL_POST_REGEX = /^\/(@[\w.\d-]+)\/(.*)$/i
 export const CUSTOM_COMMUNITY_REGEX = /^https?:\/\/(.*)\/c\/(hive-\d+)(.*)/i
 export const YOUTUBE_REGEX = /(?:https?:\/\/)?(?:www\.)?(?:youtube\.com\/watch\?v=|youtu\.be\/)([^& \n<]+)(?:[^ \n<]+)?/g
-export const YOUTUBE_EMBED_REGEX = /^(https?:)?\/\/www.youtube.com\/embed\/.*/i
+export const YOUTUBE_EMBED_REGEX = /^(https?:)?\/\/www.youtube.com\/(embed|shorts)\/.*/i
 export const VIMEO_REGEX = /(https?:\/\/)?(www\.)?(?:vimeo)\.com.*(?:videos|video|channels|)\/([\d]+)/i
 export const VIMEO_EMBED_REGEX = /https:\/\/player\.vimeo\.com\/video\/([0-9]+)/
 export const BITCHUTE_REGEX = /^(?:https?:\/\/)?(?:www\.)?bitchute.com\/(?:video|embed)\/([a-z0-9]+)/i
@@ -38,3 +38,4 @@ export const TWITCH_EMBED_REGEX = /^(https?:)?\/\/player.twitch.tv\/.*/i
 export const BRAND_NEW_TUBE_REGEX = /^https:\/\/brandnewtube\.com\/embed\/[a-z0-9]+$/i
 export const LOOM_REGEX = /^(https?:)?\/\/www.loom.com\/share\/(.*)/i
 export const LOOM_EMBED_REGEX = /^(https?:)?\/\/www.loom.com\/embed\/(.*)/i
+export const AUREAL_EMBED_REGEX = /^(https?:\/\/)?(www\.)?(?:aureal-embed)\.web\.app\/([0-9]+)/i

package/src/consts/white-list.const.ts

@@ -22,5 +22,7 @@ export const WHITE_LIST = [
   'naturalmedicine.io',
   'bilpcoin.com',
   'stemgeeks.net',
-  'hiveblockexplorer.com'
+  'hiveblockexplorer.com',
+  'proofofbrain.blog',
+  'liketu.com',
 ]

package/src/markdown-2-html.spec.ts

@@ -428,14 +428,14 @@ describe('Markdown2Html', () => {
       expect(markdown2Html(input)).toBe(expected)
     })
 
-    it('28- Should handle peakd post links', () => {
+    it('28 - Should handle peakd post links', () => {
       const input = {
         author: 'foo3343',
         permlink: 'bar3243',
         last_update: '2019-05-10T09:15:21',
         body: 'https://peakd.com/@demo/tests'
       }
-      const expected = '<p><a class="markdown-post-link" data-tag="post" data-author="demo" data-permlink="tests">/@demo/tests</a></p>'
+      const expected = '<p><a class=\"markdown-post-link\" data-tag=\"post\" data-author=\"demo\" data-permlink=\"tests\">@demo/tests</a></p>'
 
       expect(markdown2Html(input)).toBe(expected)
     })
@@ -663,7 +663,7 @@ describe('Markdown2Html', () => {
         last_update: '2019-05-10T09:15:21',
         body: '[click here](https://peakd.com/@praetoria-cartel/wallet) direct link https://peakd.com/@praetoria-cartel/posts'
       }
-      const expected = '<p><a href="https://ecency.com/@praetoria-cartel/wallet" class="markdown-profile-link">click here</a> direct link <a href="https://ecency.com/@praetoria-cartel/posts" class="markdown-profile-link">/@praetoria-cartel/posts</a></p>'
+      const expected = '<p><a href=\"https://ecency.com/@praetoria-cartel/wallet\" class=\"markdown-profile-link\">click here</a> direct link <a href=\"https://ecency.com/@praetoria-cartel/posts\" class=\"markdown-profile-link\">@praetoria-cartel/posts</a></p>'
 
       expect(markdown2Html(input)).toBe(expected)
     })
@@ -675,12 +675,12 @@ describe('Markdown2Html', () => {
         last_update: '2019-05-10T09:15:21',
         body: 'for history refer to this fine post /@offgridlife/proofofbrain-golden-rule-do-to-others-what-you-want-them-to-do-to-you and while you are in the community'
       }
-      const expected = '<p><span>for history refer to this fine post <a class=\"markdown-post-link\" data-author=\"offgridlife\" data-tag=\"post\" data-permlink=\"proofofbrain-golden-rule-do-to-others-what-you-want-them-to-do-to-you\">/@offgridlife/proofofbrain-golden-rule-do-to-others-what-you-want-them-to-do-to-you</a> and while you are in the community</span></p>'
+      const expected = '<p><span>for history refer to this fine post <a class=\"markdown-post-link\" data-author=\"offgridlife\" data-tag=\"post\" data-permlink=\"proofofbrain-golden-rule-do-to-others-what-you-want-them-to-do-to-you\">@offgridlife/proofofbrain-golden-rule-do-to-others-what-you-want-them-to-do-to-you</a> and while you are in the community</span></p>'
 
       expect(markdown2Html(input)).toBe(expected)
     })
 
-    it('47 - Should handle Bitchute links', () => {
+    it('48 - Should handle Bitchute links', () => {
       const input = {
         author: 'foo347',
         permlink: 'bar347',
@@ -805,6 +805,66 @@ describe('Markdown2Html', () => {
       const expected = '<p><strong>It\'s a Secret, But is it good to have secrets?</strong><br /><a data-tag=\"hive-123046\" data-author=\"ecotrain\" data-permlink=\"ecotrain-question-of-the-week-season-5-1tie-up-post-it-s-a-secret-but-is-it-good-to-have-secrets\" class=\"markdown-post-link\">/@ecotrain/ecotrain-question-of-the-week-season-5-1tie-up-post-it-s-a-secret-but-is-it-good-to-have-secrets</a></p>'
       expect(markdown2Html(input)).toBe(expected)
     })
+
+    it('59 - Should handle Aureal iframe', () => {
+      const input = {
+        author: 'foo359',
+        permlink: 'bar359',
+        last_update: '2021-10-23T09:15:21',
+        body: 'this is link <iframe loading="lazy" src="https://aureal-embed.web.app/535939" width="100%" height="200" frameborder="0" data-rocket-lazyload="fitvidscompatible" class="lazyloaded" data-ll-status="loaded"></iframe>'
+      }
+      const expected = '<p>this is link <iframe src=\"https://aureal-embed.web.app/535939\" frameborder=\"0\" class=\"lazyloaded\"></iframe></p>'
+
+      expect(markdown2Html(input)).toBe(expected)
+    })
+
+    it('60 - Should username with permlink', () => {
+      const input = {
+        author: 'foo360',
+        permlink: 'bar360',
+        last_update: '2021-10-23T09:15:21',
+        body: 'this is link @demo/test for internal'
+      }
+      const expected = '<p><span>this is link <a class=\"markdown-post-link\" data-author=\"demo\" data-tag=\"post\" data-permlink=\"test\">@demo/test</a> for internal</span></p>'
+
+      expect(markdown2Html(input)).toBe(expected)
+    })
+
+    it('61 - Should username with permlink with slash', () => {
+      const input = {
+        author: 'foo361',
+        permlink: 'bar361',
+        last_update: '2021-10-23T09:15:21',
+        body: 'this is link /@demo/test for internal'
+      }
+      const expected = '<p><span>this is link <a class=\"markdown-post-link\" data-author=\"demo\" data-tag=\"post\" data-permlink=\"test\">@demo/test</a> for internal</span></p>'
+
+      expect(markdown2Html(input)).toBe(expected)
+    })
+
+    it('62 - Should username with permlink new line', () => {
+      const input = {
+        author: 'foo362',
+        permlink: 'bar362',
+        last_update: '2021-10-23T09:15:21',
+        body: '@demo/test for internal'
+      }
+      const expected = '<p><span> <a class=\"markdown-post-link\" data-author=\"demo\" data-tag=\"post\" data-permlink=\"test\">@demo/test</a> for internal</span></p>'
+
+      expect(markdown2Html(input)).toBe(expected)
+    })
+
+    it('63 - Should username with permlink with slash new line', () => {
+      const input = {
+        author: 'foo363',
+        permlink: 'bar363',
+        last_update: '2021-10-23T09:15:21',
+        body: '/@demo/test for internal'
+      }
+      const expected = '<p><span> <a class=\"markdown-post-link\" data-author=\"demo\" data-tag=\"post\" data-permlink=\"test\">@demo/test</a> for internal</span></p>'
+
+      expect(markdown2Html(input)).toBe(expected)
+    })
   })
 
   describe("Rumble support", () => {
@@ -832,7 +892,7 @@ describe('Markdown2Html', () => {
       expect(markdown2Html(input)).toBe(expected)
     })
 
-    // The following canot be done: Convert URLs to the video page like this one
+    // The following cannot be done: Convert URLs to the video page like this one
     // (https://rumble.com/vkhkzl-helping-my-girls-to-cool-down-in-the-heat.html)
     // to its corresponding embedded URL (https://rumble.com/embed/vhveub/?pub=4).
     // The relationship seems to be governed by a table.

package/src/methods/a.method.ts

@@ -119,16 +119,18 @@ export function a(el: HTMLElement, forApp: boolean, webp: boolean): void {
   if (mentionMatch && WHITE_LIST.includes(mentionMatch[1].replace(/www./,'')) && mentionMatch.length === 3) {
     el.setAttribute('class', 'markdown-author-link')
     const author = mentionMatch[2].replace('@', '').toLowerCase()
-    if (el.textContent === href) {
-      el.textContent = `@${author}`
-    }
-    if (forApp) {
-      el.removeAttribute('href')
-
-      el.setAttribute('data-author', author)
-    } else {
-      const h = `/@${author}`
-      el.setAttribute('href', h)
+    if (author.indexOf('/')===-1) {
+      if (el.textContent === href) {
+        el.textContent = `@${author}`
+      }
+      if (forApp) {
+        el.removeAttribute('href')
+  
+        el.setAttribute('data-author', author)
+      } else {
+        const h = `/@${author}`
+        el.setAttribute('href', h)
+      }
     }
     return
   }
@@ -138,19 +140,19 @@ export function a(el: HTMLElement, forApp: boolean, webp: boolean): void {
   if (
     (tpostMatch && WHITE_LIST.includes(tpostMatch[1].substring(1))) || (tpostMatch && tpostMatch.length === 4 && tpostMatch[1].indexOf('/') !== 0)
   ) {
-    if (['wallet', 'feed', 'followers', 'following', 'points', 'communities', 'posts', 'blog', 'comments', 'replies', 'settings'].includes(tpostMatch[3])) {
+    if (['wallet', 'feed', 'followers', 'following', 'points', 'communities', 'posts', 'blog', 'comments', 'replies', 'settings', 'engine'].includes(tpostMatch[3])) {
       el.setAttribute('class', 'markdown-profile-link')
       const author = tpostMatch[2].replace('@', '').toLowerCase()
       const section = tpostMatch[3]
 
       if (el.textContent === href) {
-        el.textContent = `/@${author}/${section}`
+        el.textContent = `@${author}/${section}`
       }
       if (forApp) {
         const ha = `https://ecency.com/@${author}/${section}`
         el.setAttribute('href', ha)
       } else {
-        const h = `/@${author}/${section}`
+        const h = `@${author}/${section}`
         el.setAttribute('href', h)
       }
       return
@@ -165,7 +167,7 @@ export function a(el: HTMLElement, forApp: boolean, webp: boolean): void {
       const author = tpostMatch[2].replace('@', '')
       const permlink = tpostMatch[3]
       if (el.textContent === href) {
-        el.textContent = `/@${author}/${permlink}`
+        el.textContent = `@${author}/${permlink}`
       }
       if (forApp) {
         el.removeAttribute('href')
@@ -186,16 +188,18 @@ export function a(el: HTMLElement, forApp: boolean, webp: boolean): void {
   if (imentionMatch) {
     el.setAttribute('class', 'markdown-author-link')
     const author = imentionMatch[0].replace('/@', '').toLowerCase()
-    if (el.textContent === href) {
-      el.textContent = `@${author}`
-    }
-    if (forApp) {
-      el.removeAttribute('href')
+    if (author.indexOf('/')===-1) {
+      if (el.textContent === href) {
+        el.textContent = `@${author}`
+      }
+      if (forApp) {
+        el.removeAttribute('href')
 
-      el.setAttribute('data-author', author)
-    } else {
-      const h = `/@${author}`
-      el.setAttribute('href', h)
+        el.setAttribute('data-author', author)
+      } else {
+        const h = `/@${author}`
+        el.setAttribute('href', h)
+      }
     }
     return
   }
@@ -205,7 +209,7 @@ export function a(el: HTMLElement, forApp: boolean, webp: boolean): void {
   if (
     (cpostMatch && cpostMatch.length === 3 && cpostMatch[1].indexOf('@') === 0)
   ) {
-    if (['wallet', 'feed', 'followers', 'following', 'points', 'communities', 'posts', 'blog', 'comments', 'replies', 'settings'].includes(cpostMatch[2])) {
+    if (['wallet', 'feed', 'followers', 'following', 'points', 'communities', 'posts', 'blog', 'comments', 'replies', 'settings', 'engine'].includes(cpostMatch[2])) {
       el.setAttribute('class', 'markdown-profile-link')
       const author = cpostMatch[1].replace('@', '').toLowerCase()
       const section = cpostMatch[2]
@@ -662,7 +666,12 @@ export function a(el: HTMLElement, forApp: boolean, webp: boolean): void {
     el.setAttribute('data-href', href)
     el.removeAttribute('href')
   } else {
-    el.setAttribute('target', '_blank')
-    el.setAttribute('rel', 'noopener')
+    const externalRegex =/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
+    if(externalRegex.test(href)) {
+      el.setAttribute('target', '_blank');
+      el.setAttribute('rel', 'noopener');
+    } else {
+      el.setAttribute('class', 'markdown-internal-link')
+    }
   }
 }

package/src/methods/clean-reply.method.ts

@@ -1,23 +1,25 @@
 export function cleanReply(s: string): string {
   return (s ? s.split('\n')
-    .filter(item => item.includes('Posted using [Partiko') === false)
-    .filter(item => item.includes('Posted using [Dapplr') === false)
-    .filter(item => item.includes('Posted Using [LeoFinance') === false)
-    .filter(item => item.includes('Posted via [neoxian') === false)
-    .filter(item => item.includes('Posted with [STEMGeeks') === false)
-    .filter(item => item.includes('Posted using [Bilpcoin') === false)    
-    .filter(item => item.includes('<center><sub>[Posted Using Aeneas.Blog') === false)
-    .filter(item => item.includes('<center><sub>Posted via [proofofbrain.io') === false)
-    .filter(item => item.includes('<center>Posted on [HypnoChain') === false)
-    .filter(item => item.includes('<center><sub>Posted via [weedcash.network') === false)
-    .filter(item => item.includes('<center>Posted on [NaturalMedicine.io') === false)
-    .filter(item => item.includes('<center><sub>Posted via [MusicForLife.io') === false)
-    .filter(item => item.includes('If the truvvl embed is unsupported by your current frontend, click this link to view this story') === false)
-    .filter(item => item.includes('<center><em>Posted from Truvvl') === false)
-    .filter(item => item.includes('View this post <a href="https://travelfeed.io/') === false)
-    .filter(item => item.includes('Read this post on TravelFeed.io for the best experience') === false)
-    .filter(item => item.includes('Posted via <a href="https://www.dporn.co/"') === false)
-    .filter(item => item.includes('▶️ [Watch on 3Speak](https://3speak') === false)
+    .filter(item => item.toLowerCase().includes('posted using [partiko') === false)
+    .filter(item => item.toLowerCase().includes('posted using [dapplr') === false)
+    .filter(item => item.toLowerCase().includes('posted using [leofinance') === false)
+    .filter(item => item.toLowerCase().includes('posted via [neoxian') === false)
+    .filter(item => item.toLowerCase().includes('posted with [stemgeeks') === false)
+    .filter(item => item.toLowerCase().includes('posted using [bilpcoin') === false)    
+    .filter(item => item.toLowerCase().includes('<center><sub>[posted using aeneas.blog') === false)
+    .filter(item => item.toLowerCase().includes('<center><sub>posted via [proofofbrain.io') === false)
+    .filter(item => item.toLowerCase().includes('<center>posted on [hypnochain') === false)
+    .filter(item => item.toLowerCase().includes('<center><sub>posted via [weedcash.network') === false)
+    .filter(item => item.toLowerCase().includes('<center>posted on [naturalmedicine.io') === false)
+    .filter(item => item.toLowerCase().includes('<center><sub>posted via [musicforlife.io') === false)
+    .filter(item => item.toLowerCase().includes('if the truvvl embed is unsupported by your current frontend, click this link to view this story') === false)
+    .filter(item => item.toLowerCase().includes('<center><em>posted from truvvl') === false)
+    .filter(item => item.toLowerCase().includes('view this post <a href="https://travelfeed.io/') === false)
+    .filter(item => item.toLowerCase().includes('read this post on travelfeed.io for the best experience') === false)
+    .filter(item => item.toLowerCase().includes('posted via <a href="https://www.dporn.co/"') === false)
+    .filter(item => item.toLowerCase().includes('▶️ [watch on 3speak](https://3speak') === false)
+    .filter(item => item.toLowerCase().includes('<sup><sub>Posted via [inji.com]') === false)
+    .filter(item => item.toLowerCase().includes('view this post on [Liketu]') === false)
     .join('\n') : '')
     .replace('Posted via <a href="https://d.buzz" data-link="promote-link">D.Buzz</a>', '')
     .replace('<div class="pull-right"><a href="/@hive.engage">![](https://i.imgur.com/XsrNmcl.png)</a></div>', '')

package/src/methods/iframe.method.ts

@@ -1,4 +1,4 @@
-import { ARCH_REGEX, DAPPLR_REGEX, LBRY_REGEX, TRUVVL_REGEX, ODYSEE_REGEX, BITCHUTE_REGEX, RUMBLE_REGEX, BRIGHTEON_REGEX, VIMEO_EMBED_REGEX, SPEAK_EMBED_REGEX, VIMM_EMBED_REGEX, D_TUBE_EMBED_REGEX, SPOTIFY_EMBED_REGEX, SOUNDCLOUD_EMBED_REGEX, TWITCH_EMBED_REGEX, YOUTUBE_EMBED_REGEX, BRAND_NEW_TUBE_REGEX, LOOM_EMBED_REGEX } from '../consts'
+import { ARCH_REGEX, DAPPLR_REGEX, LBRY_REGEX, TRUVVL_REGEX, ODYSEE_REGEX, BITCHUTE_REGEX, RUMBLE_REGEX, BRIGHTEON_REGEX, VIMEO_EMBED_REGEX, SPEAK_EMBED_REGEX, VIMM_EMBED_REGEX, D_TUBE_EMBED_REGEX, SPOTIFY_EMBED_REGEX, SOUNDCLOUD_EMBED_REGEX, TWITCH_EMBED_REGEX, YOUTUBE_EMBED_REGEX, BRAND_NEW_TUBE_REGEX, LOOM_EMBED_REGEX, AUREAL_EMBED_REGEX } from '../consts'
 
 export function iframe(el: HTMLElement): void {
   const src = el.getAttribute('src')
@@ -145,6 +145,13 @@ export function iframe(el: HTMLElement): void {
     return;
   }
 
+  // Aureal
+  if (src.match(AUREAL_EMBED_REGEX)) {
+    el.setAttribute('src', src)
+    el.setAttribute('frameborder', '0')
+    return;
+  }
+
   const replaceNode = el.ownerDocument.createElement('div')
   replaceNode.setAttribute('class', 'unsupported-iframe')
   replaceNode.textContent = `(Unsupported ${src})`

package/src/methods/linkify.method.ts

@@ -16,22 +16,26 @@ export function linkify(content: string, forApp: boolean, webp: boolean): string
 
   // User mentions
   content = content.replace(
-    /(^|[^a-zA-Z0-9_!#$%&*@＠/]|(^|[^a-zA-Z0-9_+~.-/]))[@＠]([a-z][-.a-z\d]+[a-z\d])/gi,
+    /(^|[^a-zA-Z0-9_!#$%&*@＠/]|(^|[^a-zA-Z0-9_+~.-/]))[@＠]([a-z][-.a-z\d^/]+[a-z\d])/gi,
     (match, preceeding1, preceeding2, user) => {
       const userLower = user.toLowerCase()
       const preceedings = (preceeding1 || '') + (preceeding2 || '')
-
-      const attrs = forApp ? `data-author="${userLower}"` : `href="/@${userLower}"`
-      return `${preceedings}<a class="markdown-author-link" ${attrs}>@${user}</a>`
+      if (userLower.indexOf('/')===-1) {
+        const attrs = forApp ? `data-author="${userLower}"` : `href="/@${userLower}"`
+        return `${preceedings}<a class="markdown-author-link" ${attrs}>@${user}</a>`  
+      } else {
+        return match
+      }
     }
   )
 
   // internal links
   content = content.replace(
-    /(\s\/@[\w.\d-]+)\/(\S+)/gi, (match, u, p) => {
-      const uu = u.trim().toLowerCase().replace('/@','');
-      const attrs = forApp ? `data-author="${uu}" data-tag="post" data-permlink="${p.trim()}"` : `href="/post/@${uu}/${p.trim()}"`
-      return ` <a class="markdown-post-link" ${attrs}>/@${uu}/${p.trim()}</a>`  
+    /((^|\s)(\/|)@[\w.\d-]+)\/(\S+)/gi, (match, u, p1, p2, p3) => {
+      const uu = u.trim().toLowerCase().replace('/@','').replace('@','');
+      const perm = p3;
+      const attrs = forApp ? `data-author="${uu}" data-tag="post" data-permlink="${perm}"` : `href="/post/@${uu}/${perm}"`
+      return ` <a class="markdown-post-link" ${attrs}>@${uu}/${perm}</a>`  
     }
   )