@ecency/render-helper 2.2.4 → 2.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecency/render-helper",
-  "version": "2.2.4",
+  "version": "2.2.8",
   "description": "Markdown+Html Render helper",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -63,6 +63,7 @@
     "multihashes": "0.4.13",
     "path": "^0.12.7",
     "querystring": "^0.2.0",
+    "react-native-crypto-js": "^1.0.0",
     "remarkable": "^2.0.1",
     "url": "^0.11.0",
     "xmldom": "^0.5.0",

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

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)
     })
@@ -476,14 +476,14 @@ describe('Markdown2Html', () => {
       expect(markdown2Html(input)).toBe(expected)
     })
 
-    it('32- Should handle whitelisted post links', () => {
+    it('32 - Should handle whitelisted post links', () => {
       const input = {
         author: 'foo33435',
         permlink: 'bar32435',
         last_update: '2019-05-10T09:15:21',
         body: 'https://peakd.com/tag/@demo/tests and https://steemit.com/test/@demo/post'
       }
-      const expected = '<p><a class="markdown-post-link" data-tag="tag" data-author="demo" data-permlink="tests">/@demo/tests</a> and <a class="markdown-post-link" data-tag="test" data-author="demo" data-permlink="post">/@demo/post</a></p>'
+      const expected = '<p><a class=\"markdown-post-link\" data-tag=\"tag\" data-author=\"demo\" data-permlink=\"tests\">@demo/tests</a> and <a class=\"markdown-post-link\" data-tag=\"test\" data-author=\"demo\" data-permlink=\"post\">@demo/post</a></p>'
 
       expect(markdown2Html(input)).toBe(expected)
     })
@@ -644,14 +644,14 @@ describe('Markdown2Html', () => {
       expect(markdown2Html(input)).toBe(expected)
     })
 
-    it('45- Should handle collection linking', () => {
+    it('45 - Should handle collection linking', () => {
       const input = {
         author: 'foo345',
         permlink: 'bar345',
         last_update: '2019-05-10T09:15:21',
         body: 'this is link https://peakd.com/ccc/jarvie/one-week-roadtrip-to-all-5-utah-national-parks-and-more'
       }
-      const expected = '<p>this is link <a class=\"markdown-post-link\" data-tag=\"ccc\" data-author=\"jarvie\" data-permlink=\"one-week-roadtrip-to-all-5-utah-national-parks-and-more\">/@jarvie/one-week-roadtrip-to-all-5-utah-national-parks-and-more</a></p>'
+      const expected = '<p>this is link <a class=\"markdown-post-link\" data-tag=\"ccc\" data-author=\"jarvie\" data-permlink=\"one-week-roadtrip-to-all-5-utah-national-parks-and-more\">@jarvie/one-week-roadtrip-to-all-5-utah-national-parks-and-more</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',
@@ -817,6 +817,66 @@ describe('Markdown2Html', () => {
 
       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)
+    })
+
+    it('64 - Should username with section link', () => {
+      const input = {
+        author: 'foo364',
+        permlink: 'bar364',
+        last_update: '2021-10-23T09:15:21',
+        body: '@demo/wallet for internal'
+      }
+      const expected = '<p><span> <a class=\"markdown-profile-link\" href=\"/@demo/wallet\">@demo/wallet</a> for internal</span></p>'
+
+      expect(markdown2Html(input, false)).toBe(expected)
+    })
   })
 
   describe("Rumble support", () => {

package/src/methods/a.method.ts

@@ -99,7 +99,7 @@ export function a(el: HTMLElement, forApp: boolean, webp: boolean): void {
     const author = postMatch[3].replace('@', '')
     const permlink = postMatch[4]
     if (el.textContent === href) {
-      el.textContent = `/@${author}/${permlink}`
+      el.textContent = `@${author}/${permlink}`
     }
     if (forApp) {
       el.removeAttribute('href')
@@ -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
   }
@@ -144,7 +146,7 @@ export function a(el: HTMLElement, forApp: boolean, webp: boolean): void {
       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}`
@@ -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
   }
@@ -211,7 +215,7 @@ export function a(el: HTMLElement, forApp: boolean, webp: boolean): void {
       const section = cpostMatch[2]
 
       if (el.textContent === href) {
-        el.textContent = `/@${author}/${section}`
+        el.textContent = `@${author}/${section}`
       }
       if (forApp) {
         const ha = `https://ecency.com/@${author}/${section}`
@@ -229,7 +233,7 @@ export function a(el: HTMLElement, forApp: boolean, webp: boolean): void {
       const author = cpostMatch[1].replace('@', '')
       const permlink = cpostMatch[2]
       if (el.textContent === href) {
-        el.textContent = `/@${author}/${permlink}`
+        el.textContent = `@${author}/${permlink}`
       }
       if (forApp) {
         el.removeAttribute('href')
@@ -325,7 +329,7 @@ export function a(el: HTMLElement, forApp: boolean, webp: boolean): void {
     const author = cccMatch[2].replace('@', '')
     const permlink = cccMatch[3]
     if (el.textContent === href) {
-      el.textContent = `/@${author}/${permlink}`
+      el.textContent = `@${author}/${permlink}`
     }
     if (forApp) {
       el.removeAttribute('href')
@@ -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

@@ -18,6 +18,8 @@ export function cleanReply(s: string): string {
     .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/linkify.method.ts

@@ -16,22 +16,31 @@ 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;
+      if (['wallet', 'feed', 'followers', 'following', 'points', 'communities', 'posts', 'blog', 'comments', 'replies', 'settings', 'engine'].includes(p3)) {
+        const attrs = forApp ? `https://ecency.com/@${uu}/${perm}` : `href="/@${uu}/${perm}"`
+        return ` <a class="markdown-profile-link" ${attrs}>@${uu}/${perm}</a>`
+      } else {
+        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>`  
+      }
     }
   )
 

package/src/post-body-summary.spec.ts

@@ -140,4 +140,11 @@ So, how can you qualify to get one?`
     const expected = 'Lorem Ipsum Dolor'
     expect(getPostBodySummary(input)).toBe(expected)
   })
+
+
+  it('12- Test entity parsing', () => {
+    const input = 'http://lorem.com Lorem < Ipsum & Dolor €	'
+    const expected = 'Lorem < Ipsum & Dolor €'
+    expect(getPostBodySummary(input)).toBe(expected)
+  })
 })

package/src/post-body-summary.ts

@@ -31,7 +31,7 @@ const joint = (arr: string[], limit = 200) => {
   return result.trim();
 };
 
-function postBodySummary(entryBody: string, length?: number): string {
+function postBodySummary(entryBody: string, length?: number, platform:'ios'|'android'|'web' = 'web'): string {
   if (!entryBody) {
     return ''
   }
@@ -57,6 +57,19 @@ function postBodySummary(entryBody: string, length?: number): string {
     'sup'
   ]);
 
+  //encrypt entities
+  const entities = entryBody.match(/&(.*?);/g);
+  const encEntities:string[] = [];
+  if(entities && platform !== 'web'){
+    entities.forEach((entity)=>{
+      var CryptoJS = require("react-native-crypto-js");
+      const encData = CryptoJS.AES.encrypt(entity, 'key').toString();
+      let encyptedEntity = CryptoJS.enc.Base64.stringify(CryptoJS.enc.Utf8.parse(encData));
+      encEntities.push(encyptedEntity);
+      entryBody = entryBody.replace(entity, encyptedEntity);
+    })
+  }
+
   // Convert markdown to html
   let text = '';
   try {
@@ -65,6 +78,18 @@ function postBodySummary(entryBody: string, length?: number): string {
     console.log(err)
   }
 
+
+  //decrypt and put back entiteis
+  if(platform !== 'web'){
+    encEntities.forEach((encEntity)=>{
+      var CryptoJS = require("react-native-crypto-js");
+      let decData = CryptoJS.enc.Base64.parse(encEntity).toString(CryptoJS.enc.Utf8);
+      let entity = CryptoJS.AES.decrypt(decData, 'key').toString(CryptoJS.enc.Utf8);
+      text = text.replace(encEntity, entity);
+    })
+  }
+
+
   text = text
     .replace(/(<([^>]+)>)/gi, '') // Remove html tags
     .replace(/\r?\n|\r/g, ' ') // Remove new lines
@@ -84,9 +109,9 @@ function postBodySummary(entryBody: string, length?: number): string {
   return text
 }
 
-export function getPostBodySummary(obj: Entry | string, length?: number): any {
+export function getPostBodySummary(obj: Entry | string, length?: number, platform?:'ios'|'android'|'web'): any {
   if (typeof obj === 'string') {
-    return postBodySummary(obj as string, length)
+    return postBodySummary(obj as string, length, platform)
   }
 
   const key = `${makeEntryCacheKey(obj)}-sum-${length}`
@@ -96,7 +121,7 @@ export function getPostBodySummary(obj: Entry | string, length?: number): any {
     return item
   }
 
-  const res = postBodySummary(obj.body, length)
+  const res = postBodySummary(obj.body, length, platform)
   cacheSet(key, res)
 
   return res