beta 3.2.4 fixed issue where images where only shown as copy.

Author: mientjan

example/react-native-markdown-renderer/lib/parser.js

@@ -14,6 +14,8 @@ import groupTextTokens from './util/groupTextTokens';
  */
 export function parser(source, renderer, markdownIt) {
   let tokens = stringToTokens(source, markdownIt);
+  console.log(tokens);
+  console.log('----');
   tokens = cleanupTokens(tokens);
   tokens = groupTextTokens(tokens);
 

example/react-native-markdown-renderer/lib/util/cleanupTokens.js

@@ -1,8 +1,8 @@
 import getTokenTypeByToken from './getTokenTypeByToken';
-import flattenTokens from './flattenTokens';
+import flattenInlineTokens from './flattenInlineTokens';
 
 export function cleanupTokens(tokens) {
-  tokens = flattenTokens(tokens);
+  tokens = flattenInlineTokens(tokens);
   tokens.forEach(token => {
     token.type = getTokenTypeByToken(token);
 
@@ -11,6 +11,8 @@ export function cleanupTokens(tokens) {
     }
   });
 
+  console.log(tokens);
+
   /**
    * changing a link token to a blocklink to fix issue where link tokens with
    * nested non text tokens breaks component

…kdown-renderer/lib/util/flattenTokens.js …renderer/lib/util/flattenInlineTokens.jsexample/react-native-markdown-renderer/lib/util/flattenTokens.js renamed to example/react-native-markdown-renderer/lib/util/flattenInlineTokens.js example/react-native-markdown-renderer/lib/util/flattenTokens.js renamed to example/react-native-markdown-renderer/lib/util/flattenInlineTokens.js

@@ -1,6 +1,6 @@
 export default function flattenTokens(tokens) {
   return tokens.reduce((acc, curr) => {
-    if (curr.children && curr.children.length > 0) {
+    if (curr.type === 'inline' && curr.children && curr.children.length > 0) {
       const children = flattenTokens(curr.children);
       while (children.length) {
         acc.push(children.shift());

example/src/copy/linkedimg.js

@@ -1,6 +1,6 @@
 
 const copy = `
-
+![Minion](https://octodex.github.com/images/minion.png)
 [![Minion](https://octodex.github.com/images/minion.png)](https://google.com)
 [![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.png)](https://google.com)
 

src/lib/parser.js

@@ -14,6 +14,8 @@ import groupTextTokens from './util/groupTextTokens';
  */
 export function parser(source, renderer, markdownIt) {
   let tokens = stringToTokens(source, markdownIt);
+  console.log(tokens);
+  console.log('----');
   tokens = cleanupTokens(tokens);
   tokens = groupTextTokens(tokens);
 

src/lib/util/cleanupTokens.js

@@ -1,8 +1,8 @@
 import getTokenTypeByToken from './getTokenTypeByToken';
-import flattenTokens from './flattenTokens';
+import flattenInlineTokens from './flattenInlineTokens';
 
 export function cleanupTokens(tokens) {
-  tokens = flattenTokens(tokens);
+  tokens = flattenInlineTokens(tokens);
   tokens.forEach(token => {
     token.type = getTokenTypeByToken(token);
 
@@ -11,6 +11,8 @@ export function cleanupTokens(tokens) {
     }
   });
 
+  console.log(tokens);
+
   /**
    * changing a link token to a blocklink to fix issue where link tokens with
    * nested non text tokens breaks component

src/lib/util/flattenTokens.js src/lib/util/flattenInlineTokens.jssrc/lib/util/flattenTokens.js renamed to src/lib/util/flattenInlineTokens.js

@@ -1,6 +1,6 @@
 export default function flattenTokens(tokens) {
   return tokens.reduce((acc, curr) => {
-    if (curr.children && curr.children.length > 0) {
+    if (curr.type === 'inline' && curr.children && curr.children.length > 0) {
       const children = flattenTokens(curr.children);
       while (children.length) {
         acc.push(children.shift());