fixed issue where you could not set a general fontSize fo all copy. #17

Author: mientjan

example/src/copyAllCheckboxPlugin.js

@@ -1,5 +1,5 @@
 const markdownText = `
- # Syntax Support
+ # Syntax __Support__
 
 __Advertisement :)__
 

example/src/customMarkdownStyle.js

@@ -17,10 +17,10 @@ const customMarkdownStyle = StyleSheet.create({
 	},
 	heading: {},
 	heading1: {
-		fontSize: 32,
+		fontSize: 50,
 		backgroundColor: "#FFCC00"
 	},
-	text: {},
+	text: {fontSize: 80,},
 	strikethrough: {
 		textDecorationLine: 'line-through',
 		color: '#FF0000'

src/lib/parser.js

@@ -4,19 +4,8 @@ import tokensToAST from "./util/tokensToAST";
 import removeInlineTokens from "./util/removeInlineTokens";
 import groupTextTokens from "./util/groupTextTokens";
 import getTokenTypeByToken from "./util/getTokenTypeByToken";
-
-export function stringToTokens(source, markdownIt) {
-  let result = [];
-  try {
-    result = markdownIt.parse(source, {});
-  } catch (err) {
-    console.warn(err);
-  }
-
-  result.forEach(token => (token.type = getTokenTypeByToken(token)));
-
-  return result;
-}
+import { stringToTokens } from "./util/stringToTokens";
+import { cleanupTokens } from "./util/cleanupTokens";
 
 /**
  *
@@ -26,10 +15,7 @@ export function stringToTokens(source, markdownIt) {
  * @return {View}
  */
 export function parser(source, renderer, markdownIt) {
-  const tokens = groupTextTokens(
-    removeInlineTokens(stringToTokens(source, markdownIt))
+  return renderer(
+    tokensToAST(cleanupTokens(stringToTokens(source, markdownIt)))
   );
-  const asttree = tokensToAST(tokens);
-
-  return renderer(asttree);
 }

src/lib/renderRules.js

@@ -17,15 +17,15 @@ const renderRules = {
   },
 
   textgroup: (node, children, parent, styles) => {
-    return <Text key={node.key}>{children}</Text>;
+    return <Text key={node.key} style={styles.text}>{children}</Text>;
   },
   inline: (node, children, parent, styles) => {
     return <Text key={node.key}>{children}</Text>;
   },
 
   text: (node, children, parent, styles) => {
     return (
-      <Text key={node.key} style={styles.text}>
+      <Text key={node.key}>
         {node.content}
       </Text>
     );

src/lib/util/cleanupTokens.js

@@ -0,0 +1,15 @@
+import getTokenTypeByToken from "./getTokenTypeByToken";
+import groupTextTokens from "./groupTextTokens";
+import removeInlineTokens from "./removeInlineTokens";
+
+export function cleanupTokens(tokens){
+
+	tokens = removeInlineTokens(tokens);
+	tokens.forEach(token => token.type = getTokenTypeByToken(token))
+
+	tokens = groupTextTokens(tokens);
+
+	console.log('tokens', tokens);
+
+	return tokens;
+}

src/lib/util/getIsTextType.js

@@ -9,12 +9,12 @@ const textTypes = [
   'a',
   's',
   'em',
-  // 'h1',
-  // 'h2',
-  // 'h3',
-  // 'h4',
-  // 'h5',
-  // 'h6',
+  'heading1',
+  'heading2',
+  'heading3',
+  'heading4',
+  'heading5',
+  'heading6',
   // 'h7',
   // 'h8',
   // 'h9',

src/lib/util/groupTextTokens.js

@@ -16,14 +16,16 @@ class Stack {
 export default function groupTextTokens(tokens) {
   const result = [];
 
+  console.log(tokens);
+
   let hasGroup = false;
   tokens.forEach(token => {
-    if (getIsTextType(token.tag || token.type) && !hasGroup) {
+    if (getIsTextType(token.type) && !hasGroup) {
       hasGroup = true;
       result.push(new Token('textgroup', 1));
     }
 
-    if (!getIsTextType(token.tag || token.type) && hasGroup) {
+    if (!getIsTextType(token.type) && hasGroup) {
       hasGroup = false;
       result.push(new Token('textgroup', -1));
     }

src/lib/util/stringToTokens.js

@@ -0,0 +1,12 @@
+export function stringToTokens(source, markdownIt) {
+	let result = [];
+	try {
+		result = markdownIt.parse(source, {});
+	} catch (err) {
+		console.warn(err);
+	}
+
+	console.log('result', result);
+
+	return result;
+}