From dad00cc7bc2388486d644d628448884bb4ba1039 Mon Sep 17 00:00:00 2001
From: ue <ugurerdal93@gmail.com>
Date: Tue, 13 Nov 2018 21:53:53 +0100
Subject: [PATCH] working on editor preview style

---
 .../view/markdownPreviewStyles.js             | 16 +++--
 src/utils/postParser.js                       | 69 +++++++++----------
 2 files changed, 45 insertions(+), 40 deletions(-)

diff --git a/src/components/markdownEditor/view/markdownPreviewStyles.js b/src/components/markdownEditor/view/markdownPreviewStyles.js
index c9db17d1a..040070df9 100644
--- a/src/components/markdownEditor/view/markdownPreviewStyles.js
+++ b/src/components/markdownEditor/view/markdownPreviewStyles.js
@@ -5,6 +5,8 @@ export default EStyleSheet.create({
   codeBlock: {
     fontFamily: 'Courier',
     fontWeight: '500',
+    marginLeft: 20,
+    color: '#788187',
   },
   del: {
     backgroundColor: '#000000',
@@ -13,15 +15,21 @@ export default EStyleSheet.create({
     fontStyle: 'italic',
   },
 
-  text: { fontSize: 10, color: '#a1c982' },
+  text: {
+    fontSize: 10,
+    color: '#3c4449',
+  },
+  heading: {
+    fontSize: 32,
+    color: 'purple',
+  },
   strikethrough: {
     textDecorationLine: 'line-through',
     color: '#FF0000',
   },
-  a: {
+  link: {
     textDecorationLine: 'underline',
-    color: 'red',
-    backgroundColor: 'black',
+    color: '#a1c982',
   },
   u: {
     borderColor: '#000000',
diff --git a/src/utils/postParser.js b/src/utils/postParser.js
index 68d84588c..77ce77e69 100644
--- a/src/utils/postParser.js
+++ b/src/utils/postParser.js
@@ -1,50 +1,47 @@
-//import Remarkable from 'remarkable';
-
-// Utils
+import Remarkable from 'remarkable';
 import { getPostSummary } from './formatter';
 import { getReputation } from './reputation';
 import { getTimeFromNow } from './time';
-import markdown2Html from './markdown2Html';
 
-//const md = new Remarkable({ html: true, breaks: true, linkify: true });
+const md = new Remarkable({ html: true, breaks: true, linkify: true });
 
-// export const replaceAuthorNames = input => input.replace(
-//   /* eslint-disable-next-line */
-//     /(^|[^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 || '');
+export const replaceAuthorNames = input => input.replace(
+  /* eslint-disable-next-line */
+    /(^|[^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 || '');
 
-//     return `${preceedings}<a class="markdown-author-link" href="${userLower}" data-author="${userLower}">@${user}</a>`;
-//   },
-// );
+    return `${preceedings}<a class="markdown-author-link" href="${userLower}" data-author="${userLower}">@${user}</a>`;
+  },
+);
 
-// export const replaceTags = input => input.replace(/(^|\s|>)(#[-a-z\d]+)/gi, (tag) => {
-//   if (/#[\d]+$/.test(tag)) return tag; // do not allow only numbers (like #1)
-//   const preceding = /^\s|>/.test(tag) ? tag[0] : ''; // space or closing tag (>)
-//   tag = tag.replace('>', ''); // remove closing tag
-//   const tag2 = tag.trim().substring(1);
-//   const tagLower = tag2.toLowerCase();
-//   return `${preceding}<a class="markdown-tag-link" href="${tagLower}" data-tag="${tagLower}">${tag.trim()}</a>`;
-// });
+export const replaceTags = input => input.replace(/(^|\s|>)(#[-a-z\d]+)/gi, (tag) => {
+  if (/#[\d]+$/.test(tag)) return tag; // do not allow only numbers (like #1)
+  const preceding = /^\s|>/.test(tag) ? tag[0] : ''; // space or closing tag (>)
+  tag = tag.replace('>', ''); // remove closing tag
+  const tag2 = tag.trim().substring(1);
+  const tagLower = tag2.toLowerCase();
+  return `${preceding}<a class="markdown-tag-link" href="${tagLower}" data-tag="${tagLower}">${tag.trim()}</a>`;
+});
 
-// export const markDown2Html = (input) => {
-//   if (!input) {
-//     return '';
-//   }
+export const markDown2Html = (input) => {
+  if (!input) {
+    return '';
+  }
 
-//   // Start replacing user names
-//   let output = replaceAuthorNames(input);
+  // Start replacing user names
+  let output = replaceAuthorNames(input);
 
-//   // Replace tags
-//   output = replaceTags(output);
+  // Replace tags
+  output = replaceTags(output);
 
-//   output = md.render(output);
+  output = md.render(output);
 
-//   // TODO: Implement Regex  --> Look at utls/formatter.js
+  // TODO: Implement Regex  --> Look at utls/formatter.js
 
-//   return output;
-// };
+  return output;
+};
 
 export const parsePosts = (posts, user) => {
   posts.map((post) => {
@@ -55,7 +52,7 @@ export const parsePosts = (posts, user) => {
     post.vote_count = post.active_votes.length;
     post.author_reputation = getReputation(post.author_reputation);
     post.avatar = `https://steemitimages.com/u/${post.author}/avatar/small`;
-    post.body = markdown2Html(post.body);
+    post.body = markDown2Html(post.body);
     post.summary = getPostSummary(post.body, 100);
     post.raw_body = post.body;
     post.active_votes.sort((a, b) => b.rshares - a.rshares);
@@ -102,7 +99,7 @@ export const parsePost = (post) => {
   post.vote_count = post.active_votes.length;
   post.author_reputation = getReputation(post.author_reputation);
   post.avatar = `https://steemitimages.com/u/${post.author}/avatar/small`;
-  post.body = markdown2Html(post.body);
+  post.body = markDown2Html(post.body);
   post.summary = getPostSummary(post.body, 100);
   post.raw_body = post.body;
   post.active_votes.sort((a, b) => b.rshares - a.rshares);