feat: add hash before each user link in the topic detail

Author: RyanLiu0235

src/actions/topics.js

@@ -99,16 +99,17 @@ export const fetchTopicDetail = ({ id, accesstoken }) => dispatch => {
         data
       })
 
-      // highlight code and re-render
+      // highlight code, add hash to user link and re-render
       const _data = Object.assign({}, data)
       const worker = new Worker()
       worker.onmessage = e => {
-        _data.content = e.data
+        console.timeEnd('worker')
         dispatch({
           type: FETCH_TOPIC_DETAIL,
-          data: _data
+          data: e.data
         })
       }
-      worker.postMessage({ content: data.content })
+      console.time('worker')
+      worker.postMessage(_data)
     })
 }

src/hl.worker.js

@@ -1,14 +1,31 @@
 const hljs = require('highlight.js')
 const unescape = require('unescape-alltypes-html')
 
-onmessage = e => {
-  const { content } = e.data
-  const codeRE = /<code>([\s\S]*?)<\/code>/gm
-  const highlighted = content.replace(codeRE, (...args) => {
+const codeRE = /<code>([\s\S]*?)<\/code>/gm
+const handleHighlight = raw => {
+  return raw.replace(codeRE, (...args) => {
     const raw = args[1]
     const unescaped = unescape(raw)
     const { value } = hljs.highlight('js', unescaped)
     return `<code>${value}</code>`
   })
-  postMessage(highlighted)
+}
+
+const linksRE = /(<a href="\/user)/g
+const handleAddHash = raw => raw.replace(linksRE, (...args) => `<a href="#/user`)
+
+const handler = raw => handleAddHash(handleHighlight(raw))
+
+onmessage = e => {
+  const { content, replies } = e.data
+  const _content = handler(content)
+  const _replies = replies.map(reply => {
+    reply.content = handler(reply.content)
+    return reply
+  })
+
+  postMessage(Object.assign({}, e.data, {
+    content: _content,
+    replies: _replies
+  }))
 }