Add parsing inline markdown

sibiraj-s · Jul 16, 2022 · 08dbf23 · 08dbf23
1 parent 9a30dc6
commit 08dbf23
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 3 deletions.
diff --git a/src/Markdown.js b/src/Markdown.js
@@ -24,8 +24,10 @@ const Markdown = (props) => {
   };
 
   // convert input markdown into tokens
-  const lexer = new Lexer(lexerOptions);
-  const tokens = lexer.lex(props.value ?? props.children ?? '');
+  const markdownString = props.value ?? props.children ?? '';
+  const tokens = props.isInline
+    ? Lexer.lexInline(markdownString, lexerOptions)
+    : Lexer.lex(markdownString, lexerOptions);
 
   // parser options
   const parserOptions = {
@@ -37,12 +39,16 @@ const Markdown = (props) => {
     }),
   };
 
-  const children = new ReactParser(parserOptions).parse(tokens);
+  const parser = new ReactParser(parserOptions);
+  const children = props.isInline
+    ? parser.parseInline(tokens)
+    : parser.parse(tokens);
 
   return createElement(Fragment, null, children);
 };
 
 Markdown.defaultProps = {
+  isInline: false,
   breaks: false,
   gfm: true,
   baseURL: null,

diff --git a/src/index.d.ts b/src/index.d.ts
@@ -2,6 +2,7 @@ declare module 'marked-react' {
   import { ReactElement, FC, ReactNode } from 'react';
 
   export interface MarkdownOptions {
+    isInline?: boolean;
     breaks?: boolean;
     gfm?: boolean;
     baseURL?: string;

diff --git a/stories/0-MarkedReact.stories.jsx b/stories/0-MarkedReact.stories.jsx
@@ -87,3 +87,11 @@ AllProps.args = {
 };
 
 AllProps.parameters = Default.parameters;
+
+export const InlineMarkdown = Template.bind({});
+InlineMarkdown.args = {
+  value: 'Hello world!',
+  isInline: true,
+};
+
+InlineMarkdown.parameters = Default.parameters;
diff --git a/tests/component.spec.js b/tests/component.spec.js
@@ -50,4 +50,10 @@ describe('Markdown Component', () => {
     const html = renderToStaticMarkup(marked);
     expect(html).toBe('<h1>This is a heading: Hello World!</h1>');
   });
+
+  it('should use parse inline markdown', () => {
+    const marked = createElement(Markdown, { value: 'Hello World!', isInline: true });
+    const html = renderToStaticMarkup(marked);
+    expect(html).toBe('Hello World!');
+  });
 });