markdown-to-jsx 7.2.1 → 7.3.1

package/README.md

@@ -17,6 +17,7 @@ The most lightweight, customizable React markdown component.
     - [options.overrides - Override Any HTML Tag's Representation](#optionsoverrides---override-any-html-tags-representation)
     - [options.overrides - Rendering Arbitrary React Components](#optionsoverrides---rendering-arbitrary-react-components)
     - [options.createElement - Custom React.createElement behavior](#optionscreateelement---custom-reactcreateelement-behavior)
+    - [options.enforceAtxHeadings](#optionsenforceatxheadings)
     - [options.slugify](#optionsslugify)
     - [options.namedCodesToUnicode](#optionsnamedcodestounicode)
     - [options.disableParsingRawHTML](#optionsdisableparsingrawhtml)
@@ -26,6 +27,7 @@ The most lightweight, customizable React markdown component.
 - [Gotchas](#gotchas)
   - [Significant indentation inside arbitrary HTML](#significant-indentation-inside-arbitrary-html)
     - [Code blocks](#code-blocks)
+- [Using The Compiler Directly](#using-the-compiler-directly)
 - [Changelog](#changelog)
 - [Donate](#donate)
 
@@ -35,17 +37,17 @@ The most lightweight, customizable React markdown component.
 
 `markdown-to-jsx` uses a heavily-modified fork of [simple-markdown](https://github.com/Khan/simple-markdown) as its parsing engine and extends it in a number of ways to make your life easier. Notably, this package offers the following additional benefits:
 
--   Arbitrary HTML is supported and parsed into the appropriate JSX representation
-    without `dangerouslySetInnerHTML`
+- Arbitrary HTML is supported and parsed into the appropriate JSX representation
+  without `dangerouslySetInnerHTML`
 
--   Any HTML tags rendered by the compiler and/or `<Markdown>` component can be overridden to include additional
-    props or even a different HTML representation entirely.
+- Any HTML tags rendered by the compiler and/or `<Markdown>` component can be overridden to include additional
+  props or even a different HTML representation entirely.
 
--   GFM task list support.
+- GFM task list support.
 
--   Fenced code blocks with [highlight.js](https://highlightjs.org/) support.
+- Fenced code blocks with [highlight.js](https://highlightjs.org/) support.
 
-All this clocks in at around 5 kB gzipped, which is a fraction of the size of most other React markdown components.
+All this clocks in at around 6 kB gzipped, which is a fraction of the size of most other React markdown components.
 
 Requires React >= 0.14.
 
@@ -64,11 +66,11 @@ npm i markdown-to-jsx
 ES6-style usage\*:
 
 ```jsx
-import Markdown from 'markdown-to-jsx';
-import React from 'react';
-import { render } from 'react-dom';
+import Markdown from 'markdown-to-jsx'
+import React from 'react'
+import { render } from 'react-dom'
 
-render(<Markdown># Hello world!</Markdown>, document.body);
+render(<Markdown># Hello world!</Markdown>, document.body)
 
 /*
     renders:
@@ -98,15 +100,14 @@ But this string would be considered "block" due to the existence of a header tag
 However, if you really want all input strings to be treated as "block" layout, simply pass `options.forceBlock = true` like this:
 
 ```jsx
-<Markdown options={{ forceBlock: true }}>Hello there old chap!</Markdown>;
+;<Markdown options={{ forceBlock: true }}>Hello there old chap!</Markdown>
 
 // or
 
-compiler('Hello there old chap!', { forceBlock: true });
+compiler('Hello there old chap!', { forceBlock: true })
 
 // renders
-
-<p>Hello there old chap!</p>;
+;<p>Hello there old chap!</p>
 ```
 
 #### options.forceInline
@@ -114,15 +115,14 @@ compiler('Hello there old chap!', { forceBlock: true });
 The inverse is also available by passing `options.forceInline = true`:
 
 ```jsx
-<Markdown options={{ forceInline: true }}># You got it babe!</Markdown>;
+;<Markdown options={{ forceInline: true }}># You got it babe!</Markdown>
 
 // or
 
-compiler('# You got it babe!', { forceInline: true });
+compiler('# You got it babe!', { forceInline: true })
 
 // renders
-
-<span># You got it babe!</span>;
+;<span># You got it babe!</span>
 ```
 
 #### options.wrapper
@@ -153,15 +153,10 @@ compiler(str, { wrapper: 'article' });
 To get an array of children back without a wrapper, set `wrapper` to `null`. This is particularly useful when using `compiler(…)` directly.
 
 ```jsx
-compiler('One\n\nTwo\n\nThree', { wrapper: null });
+compiler('One\n\nTwo\n\nThree', { wrapper: null })
 
 // returns
-
-[
-  (<p>One</p>),
-  (<p>Two</p>),
-  (<p>Three</p>)
-]
+;[<p>One</p>, <p>Two</p>, <p>Three</p>]
 ```
 
 To render children at the same DOM level as `<Markdown>` with no HTML wrapper, set `wrapper` to `React.Fragment`. This will still wrap your children in a React node for the purposes of rendering, but the wrapper element won't show up in the DOM.
@@ -186,32 +181,30 @@ By default, the compiler does not wrap the rendered contents if there is only a
 Pass the `options.overrides` prop to the compiler or `<Markdown>` component to seamlessly revise the rendered representation of any HTML tag. You can choose to change the component itself, add/change props, or both.
 
 ```jsx
-import Markdown from 'markdown-to-jsx';
-import React from 'react';
-import { render } from 'react-dom';
+import Markdown from 'markdown-to-jsx'
+import React from 'react'
+import { render } from 'react-dom'
 
 // surprise, it's a div instead!
-const MyParagraph = ({ children, ...props }) => (
-    <div {...props}>{children}</div>
-);
+const MyParagraph = ({ children, ...props }) => <div {...props}>{children}</div>
 
 render(
-    <Markdown
-        options={{
-            overrides: {
-                h1: {
-                    component: MyParagraph,
-                    props: {
-                        className: 'foo',
-                    },
-                },
-            },
-        }}
-    >
-        # Hello world!
-    </Markdown>,
-    document.body
-);
+  <Markdown
+    options={{
+      overrides: {
+        h1: {
+          component: MyParagraph,
+          props: {
+            className: 'foo',
+          },
+        },
+      },
+    }}
+  >
+    # Hello world!
+  </Markdown>,
+  document.body
+)
 
 /*
     renders:
@@ -234,19 +227,19 @@ If you only wish to provide a component override, a simplified syntax is availab
 
 Depending on the type of element, there are some props that must be preserved to ensure the markdown is converted as intended. They are:
 
--   `a`: `title`, `href`
--   `img`: `title`, `alt`, `src`
--   `input[type="checkbox"]`: `checked`, `readonly` (specifically, the one rendered by a GFM task list)
--   `ol`: `start`
--   `td`: `style`
--   `th`: `style`
+- `a`: `title`, `href`
+- `img`: `title`, `alt`, `src`
+- `input[type="checkbox"]`: `checked`, `readonly` (specifically, the one rendered by a GFM task list)
+- `ol`: `start`
+- `td`: `style`
+- `th`: `style`
 
 Any conflicts between passed `props` and the specific properties above will be resolved in favor of `markdown-to-jsx`'s code.
 
 Some element mappings are a bit different from other libraries, in particular:
 
-- `span`:  Used for inline text.
-- `code`:  Used for inline code.
+- `span`: Used for inline text.
+- `code`: Used for inline code.
 - `pre > code`: Code blocks are a `code` element with a `pre` as its direct ancestor.
 
 #### options.overrides - Rendering Arbitrary React Components
@@ -256,11 +249,11 @@ One of the most interesting use cases enabled by the HTML syntax processing in `
 By adding an override for the components you plan to use in markdown documents, it's possible to dynamically render almost anything. One possible scenario could be writing documentation:
 
 ```jsx
-import Markdown from 'markdown-to-jsx';
-import React from 'react';
-import { render } from 'react-dom';
+import Markdown from 'markdown-to-jsx'
+import React from 'react'
+import { render } from 'react-dom'
 
-import DatePicker from './date-picker';
+import DatePicker from './date-picker'
 
 const md = `
 # DatePicker
@@ -269,21 +262,21 @@ The DatePicker works by supplying a date to bias towards,
 as well as a default timezone.
 
 <DatePicker biasTowardDateTime="2017-12-05T07:39:36.091Z" timezone="UTC+5" />
-`;
+`
 
 render(
-    <Markdown
-        children={md}
-        options={{
-            overrides: {
-                DatePicker: {
-                    component: DatePicker,
-                },
-            },
-        }}
-    />,
-    document.body
-);
+  <Markdown
+    children={md}
+    options={{
+      overrides: {
+        DatePicker: {
+          component: DatePicker,
+        },
+      },
+    }}
+  />,
+  document.body
+)
 ```
 
 `markdown-to-jsx` also handles JSX interpolation syntax, but in a minimal way to not introduce a potential attack vector. Interpolations are sent to the component as their raw string, which the consumer can then `eval()` or process as desired to their security needs.
@@ -291,11 +284,11 @@ render(
 In the following case, `DatePicker` could simply run `parseInt()` on the passed `startTime` for example:
 
 ```jsx
-import Markdown from 'markdown-to-jsx';
-import React from 'react';
-import { render } from 'react-dom';
+import Markdown from 'markdown-to-jsx'
+import React from 'react'
+import { render } from 'react-dom'
 
-import DatePicker from './date-picker';
+import DatePicker from './date-picker'
 
 const md = `
 # DatePicker
@@ -308,40 +301,40 @@ as well as a default timezone.
   timezone="UTC+5"
   startTime={1514579720511}
 />
-`;
+`
 
 render(
-    <Markdown
-        children={md}
-        options={{
-            overrides: {
-                DatePicker: {
-                    component: DatePicker,
-                },
-            },
-        }}
-    />,
-    document.body
-);
+  <Markdown
+    children={md}
+    options={{
+      overrides: {
+        DatePicker: {
+          component: DatePicker,
+        },
+      },
+    }}
+  />,
+  document.body
+)
 ```
 
 Another possibility is to use something like [recompose's `withProps()` HOC](https://github.com/acdlite/recompose/blob/main/docs/API.md#withprops) to create various pregenerated scenarios and then reference them by name in the markdown:
 
 ```jsx
-import Markdown from 'markdown-to-jsx';
-import React from 'react';
-import { render } from 'react-dom';
-import withProps from 'recompose/withProps';
+import Markdown from 'markdown-to-jsx'
+import React from 'react'
+import { render } from 'react-dom'
+import withProps from 'recompose/withProps'
 
-import DatePicker from './date-picker';
+import DatePicker from './date-picker'
 
 const DecemberDatePicker = withProps({
-    range: {
-        start: new Date('2017-12-01'),
-        end: new Date('2017-12-31'),
-    },
-    timezone: 'UTC+5',
-})(DatePicker);
+  range: {
+    start: new Date('2017-12-01'),
+    end: new Date('2017-12-31'),
+  },
+  timezone: 'UTC+5',
+})(DatePicker)
 
 const md = `
 # DatePicker
@@ -358,20 +351,20 @@ as well as a default timezone.
 Here's an example of a DatePicker pre-set to only the month of December:
 
 <DecemberDatePicker />
-`;
+`
 
 render(
-    <Markdown
-        children={md}
-        options={{
-            overrides: {
-                DatePicker,
-                DecemberDatePicker,
-            },
-        }}
-    />,
-    document.body
-);
+  <Markdown
+    children={md}
+    options={{
+      overrides: {
+        DatePicker,
+        DecemberDatePicker,
+      },
+    }}
+  />,
+  document.body
+)
 ```
 
 #### options.createElement - Custom React.createElement behavior
@@ -379,57 +372,62 @@ render(
 Sometimes, you might want to override the `React.createElement` default behavior to hook into the rendering process before the JSX gets rendered. This might be useful to add extra children or modify some props based on runtime conditions. The function mirrors the `React.createElement` function, so the params are [`type, [props], [...children]`](https://reactjs.org/docs/react-api.html#createelement):
 
 ```javascript
-import Markdown from 'markdown-to-jsx';
-import React from 'react';
-import { render } from 'react-dom';
+import Markdown from 'markdown-to-jsx'
+import React from 'react'
+import { render } from 'react-dom'
 
 const md = `
 # Hello world
-`;
+`
 
 render(
-    <Markdown
-        children={md}
-        options={{
-            createElement(type, props, children) {
-                return (
-                    <div className="parent">
-                        {React.createElement(type, props, children)}
-                    </div>
-                );
-            },
-        }}
-    />,
-    document.body
-);
+  <Markdown
+    children={md}
+    options={{
+      createElement(type, props, children) {
+        return (
+          <div className="parent">
+            {React.createElement(type, props, children)}
+          </div>
+        )
+      },
+    }}
+  />,
+  document.body
+)
 ```
 
+#### options.enforceAtxHeadings
+
+Forces the compiler to have space between hash sign `#` and the header text which is explicitly stated in the most of the [markdown specs](https://github.github.com/gfm/#atx-heading).
+
+> The opening sequence of `#` characters must be followed by a space or by the end of line.
+
 #### options.slugify
 
 By default, a [lightweight deburring function](https://github.com/probablyup/markdown-to-jsx/blob/bc2f57412332dc670f066320c0f38d0252e0f057/index.js#L261-L275) is used to generate an HTML id from headings. You can override this by passing a function to `options.slugify`. This is helpful when you are using non-alphanumeric characters (e.g. Chinese or Japanese characters) in headings. For example:
 
 ```jsx
-<Markdown options={{ slugify: str => str }}># 中文</Markdown>;
+;<Markdown options={{ slugify: str => str }}># 中文</Markdown>
 
 // or
 
-compiler('# 中文', { slugify: str => str });
+compiler('# 中文', { slugify: str => str })
 
 // renders:
-
-<h1 id="中文">中文</h1>
+;<h1 id="中文">中文</h1>
 ```
 
 #### options.namedCodesToUnicode
 
 By default only a couple of named html codes are converted to unicode characters:
 
-* `&` (`&amp;`)
-* `'` (`&apos;`)
-* `>` (`&gt;`)
-* `<` (`&lt;`)
-* ` ` (`&nbsp;`)
-* `"` (`&quot;`)
+- `&` (`&amp;`)
+- `'` (`&apos;`)
+- `>` (`&gt;`)
+- `<` (`&lt;`)
+- ` ` (`&nbsp;`)
+- `"` (`&quot;`)
 
 Some projects require to extend this map of named codes and unicode characters. To customize this list with additional html codes pass the option namedCodesToUnicode as object with the code names needed as in the example below:
 
@@ -437,6 +435,7 @@ Some projects require to extend this map of named codes and unicode characters.
 <Markdown options={{ namedCodesToUnicode: {
     le: '\u2264',
     ge: '\u2265',
+    '#39': '\u0027',
 } }}>This text is &le; than this text.</Markdown>;
 
 // or
@@ -444,6 +443,7 @@ Some projects require to extend this map of named codes and unicode characters.
 compiler('This text is &le; than this text.', namedCodesToUnicode: {
     le: '\u2264',
     ge: '\u2265',
+    '#39': '\u0027',
 });
 
 // renders:
@@ -471,30 +471,31 @@ compiler('This text has <span>html</span> in it but it won't be rendered', { dis
 
 ### Syntax highlighting
 
-Some syntax highlighters require you to specify the language.  The language of the code fence is
+Some syntax highlighters require you to specify the language. The language of the code fence is
 forwarded in the className prop of the element used for `<code>`:
 
 ```jsx
-const Code = ({className, children}) => {
-  const language = className.replace("lang-", "");
+const Code = ({ className, children }) => {
+  const language = className.replace('lang-', '')
 
   return (
     <SyntaxHighlighter language={language}>
       <code>{children}</code>
     </SyntaxHighlighter>
-  );
+  )
 }
 ```
+
 ### Getting the smallest possible bundle size
 
 Many development conveniences are placed behind `process.env.NODE_ENV !== "production"` conditionals. When bundling your app, it's a good idea to replace these code snippets such that a minifier (like uglify) can sweep them away and leave a smaller overall bundle.
 
 Here are instructions for some of the popular bundlers:
 
--   [webpack](https://webpack.js.org/guides/production/#specify-the-environment)
--   [browserify plugin](https://github.com/hughsk/envify)
--   [parcel](https://parceljs.org/production.html)
--   [fuse-box](http://fuse-box.org/plugins/replace-plugin#notes)
+- [webpack](https://webpack.js.org/guides/production/#specify-the-environment)
+- [browserify plugin](https://github.com/hughsk/envify)
+- [parcel](https://parceljs.org/production.html)
+- [fuse-box](http://fuse-box.org/plugins/replace-plugin#notes)
 
 ### Usage with Preact
 
@@ -507,9 +508,7 @@ Everything will work just fine! Simply [Alias `react` to `preact/compat`](https:
 People usually write HTML like this:
 
 ```html
-<div>
-    Hey, how are you?
-</div>
+<div>Hey, how are you?</div>
 ```
 
 Note the leading spaces before the inner content. This sort of thing unfortunately clashes with existing markdown syntaxes since 4 spaces === a code block and other similar collisions.
@@ -517,11 +516,7 @@ Note the leading spaces before the inner content. This sort of thing unfortunate
 To get around this, `markdown-to-jsx` left-trims approximately as much whitespace as the first line inside the HTML block. So for example:
 
 ```html
-<div>
-  # Hello
-
-  How are you?
-</div>
+<div># Hello How are you?</div>
 ```
 
 The two leading spaces in front of "# Hello" would be left-trimmed from all lines inside the HTML block. In the event that there are varying amounts of indentation, only the amount of the first line is trimmed.
@@ -540,24 +535,24 @@ The two leading spaces in front of "# Hello" would be left-trimmed from all line
 
 ✅
 
-```md
+````md
 <div>
 ```js
 var some = code();
 ``\`
 </div>
-```
+````
 
 ## Using The Compiler Directly
 
 If desired, the compiler function is a "named" export on the `markdown-to-jsx` module:
 
 ```jsx
-import { compiler } from 'markdown-to-jsx';
-import React from 'react';
-import { render } from 'react-dom';
+import { compiler } from 'markdown-to-jsx'
+import React from 'react'
+import { render } from 'react-dom'
 
-render(compiler('# Hello world!'), document.body);
+render(compiler('# Hello world!'), document.body)
 
 /*
     renders:

package/dist/index.cjs

@@ -0,0 +1,2 @@
+function n(n){if(n&&n._)return n;var t=Object.create(null);return n&&Object.keys(n).forEach(function(r){if("default"!==r){var e=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(t,r,e.get?e:{enumerable:!0,get:function(){return n[r]}})}}),t.default=n,t}var t=/*#__PURE__*/n(require("react"));function r(){return r=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e])}return n},r.apply(this,arguments)}var e=["children","options"],u=["allowFullScreen","allowTransparency","autoComplete","autoFocus","autoPlay","cellPadding","cellSpacing","charSet","className","classId","colSpan","contentEditable","contextMenu","crossOrigin","encType","formAction","formEncType","formMethod","formNoValidate","formTarget","frameBorder","hrefLang","inputMode","keyParams","keyType","marginHeight","marginWidth","maxLength","mediaGroup","minLength","noValidate","radioGroup","readOnly","rowSpan","spellCheck","srcDoc","srcLang","srcSet","tabIndex","useMap"].reduce(function(n,t){return n[t.toLowerCase()]=t,n},{for:"htmlFor"}),o={amp:"&",apos:"'",gt:">",lt:"<",nbsp:" ",quot:"“"},i=["style","script"],c=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,a=/mailto:/i,f=/\n{2,}$/,l=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,v=/^ *> ?/gm,s=/^ {2,}\n/,d=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,y=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,g=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,p=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,k=/^(?:\n *)*\n/,m=/\r\n?/g,S=/^\[\^([^\]]+)](:.*)\n/,_=/^\[\^([^\]]+)]/,h=/\f/g,b=/^\s*?\[(x|\s)\]/,x=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,$=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,O=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,B=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,j=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,z=/^<!--[\s\S]*?(?:-->)/,w=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,A=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,M=/^\{.*\}$/,E=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,L=/^<([^ >]+@[^ >]+)>/,F=/^<([^ >]+:\/[^ >]+)>/,I=/-([a-z])?/gi,R=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,T=/^\[([^\]]*)\]:\s+<?([^\s>]+)>?\s*("([^"]*)")?/,C=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,D=/^\[([^\]]*)\] ?\[([^\]]*)\]/,H=/(\[|\])/g,N=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,P=/\t/g,Z=/^ *\| */,G=/(^ *\||\| *$)/g,q=/ *$/,U=/^ *:-+: *$/,V=/^ *:-+ *$/,W=/^ *-+: *$/,Q=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,X=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,J=/^==((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)==/,K=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,Y=/^\\([^0-9A-Za-z\s])/,nn=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,tn=/^\n+/,rn=/^([ \t]*)/,en=/\\([^\\])/g,un=/ *\n+$/,on=/(?:^|\n)( *)$/,cn="(?:\\d+\\.)",an="(?:[*+-])";function fn(n){return"( *)("+(1===n?cn:an)+") +"}var ln=fn(1),vn=fn(2);function sn(n){return new RegExp("^"+(1===n?ln:vn))}var dn=sn(1),yn=sn(2);function gn(n){return new RegExp("^"+(1===n?ln:vn)+"[^\\n]*(?:\\n(?!\\1"+(1===n?cn:an)+" )[^\\n]*)*(\\n|$)","gm")}var pn=gn(1),kn=gn(2);function mn(n){var t=1===n?cn:an;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}var Sn=mn(1),_n=mn(2);function hn(n,t){var r=1===t,e=r?Sn:_n,u=r?pn:kn,o=r?dn:yn;return{t:function(n,t,r){var u=on.exec(r);return u&&(t.o||!t.u&&!t.i)?e.exec(n=u[1]+n):null},q:Nn.HIGH,l:function(n,t,e){var i=r?+n[2]:void 0,c=n[0].replace(f,"\n").match(u),a=!1;return{p:c.map(function(n,r){var u=o.exec(n)[0].length,i=new RegExp("^ {1,"+u+"}","gm"),f=n.replace(i,"").replace(o,""),l=r===c.length-1,v=-1!==f.indexOf("\n\n")||l&&a;a=v;var s,d=e.u,y=e.o;e.o=!0,v?(e.u=!1,s=f.replace(un,"\n\n")):(e.u=!0,s=f.replace(un,""));var g=t(s,e);return e.u=d,e.o=y,g}),m:r,g:i}},v:function(t,r,e){return n(t.m?"ol":"ul",{key:e.h,start:t.g},t.p.map(function(t,u){return n("li",{key:u},r(t,e))}))}}}var bn=/^\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,xn=/^!\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,$n=[l,y,g,x,O,$,z,R,pn,Sn,kn,_n],On=[].concat($n,[/^[^\n]+(?:  \n|\n{2,})/,B,A]);function Bn(n){return n.replace(/[ÀÁÂÃÄÅàáâãäåæÆ]/g,"a").replace(/[çÇ]/g,"c").replace(/[ðÐ]/g,"d").replace(/[ÈÉÊËéèêë]/g,"e").replace(/[ÏïÎîÍíÌì]/g,"i").replace(/[Ññ]/g,"n").replace(/[øØœŒÕõÔôÓóÒò]/g,"o").replace(/[ÜüÛûÚúÙù]/g,"u").replace(/[ŸÿÝý]/g,"y").replace(/[^a-z0-9- ]/gi,"").replace(/ /gi,"-").toLowerCase()}function jn(n){return W.test(n)?"right":U.test(n)?"center":V.test(n)?"left":null}function zn(n,t,r){var e=r.k;r.k=!0;var u=t(n.trim(),r);r.k=e;var o=[[]];return u.forEach(function(n,t){"tableSeparator"===n.type?0!==t&&t!==u.length-1&&o.push([]):("text"!==n.type||null!=u[t+1]&&"tableSeparator"!==u[t+1].type||(n.S=n.S.replace(q,"")),o[o.length-1].push(n))}),o}function wn(n,t,r){r.u=!0;var e=zn(n[1],t,r),u=n[2].replace(G,"").split("|").map(jn),o=function(n,t,r){return n.trim().split("\n").map(function(n){return zn(n,t,r)})}(n[3],t,r);return r.u=!1,{$:u,A:o,L:e,type:"table"}}function An(n,t){return null==n.$[t]?{}:{textAlign:n.$[t]}}function Mn(n){return function(t,r){return r.u?n.exec(t):null}}function En(n){return function(t,r){return r.u||r.i?n.exec(t):null}}function Ln(n){return function(t,r){return r.u||r.i?null:n.exec(t)}}function Fn(n){return function(t){return n.exec(t)}}function In(n,t,r){if(t.u||t.i)return null;if(r&&!r.endsWith("\n"))return null;var e="";n.split("\n").every(function(n){return!$n.some(function(t){return t.test(n)})&&(e+=n+"\n",n.trim())});var u=e.trimEnd();return""==u?null:[e,u]}function Rn(n){try{if(decodeURIComponent(n).replace(/[^A-Za-z0-9/:]/g,"").match(/^\s*(javascript|vbscript|data(?!:image)):/i))return}catch(n){return null}return n}function Tn(n){return n.replace(en,"$1")}function Cn(n,t,r){var e=r.u||!1,u=r.i||!1;r.u=!0,r.i=!0;var o=n(t,r);return r.u=e,r.i=u,o}function Dn(n,t,r){var e=r.u||!1,u=r.i||!1;r.u=!1,r.i=!0;var o=n(t,r);return r.u=e,r.i=u,o}function Hn(n,t,r){return r.u=!1,n(t,r)}var Nn,Pn,Zn=function(n,t,r){return{S:Cn(t,n[1],r)}};function Gn(){return{}}function qn(){return null}function Un(){return[].slice.call(arguments).filter(Boolean).join(" ")}function Vn(n,t,r){for(var e=n,u=t.split(".");u.length&&void 0!==(e=e[u[0]]);)u.shift();return e||r}function Wn(n,t){var r=Vn(t,n);return r?"function"==typeof r||"object"==typeof r&&"render"in r?r:Vn(t,n+".component",n):n}function Qn(n,e){void 0===e&&(e={}),e.overrides=e.overrides||{},e.slugify=e.slugify||Bn,e.namedCodesToUnicode=e.namedCodesToUnicode?r({},o,e.namedCodesToUnicode):o;var f=e.createElement||t.createElement;function G(n,t){var u=Vn(e.overrides,n+".props",{});return f.apply(void 0,[Wn(n,e.overrides),r({},t,u,{className:Un(null==t?void 0:t.className,u.className)||void 0})].concat([].slice.call(arguments,2)))}function q(n){var r=!1;e.forceInline?r=!0:e.forceBlock||(r=!1===N.test(n));for(var u=an(cn(r?n:n.trimEnd().replace(tn,"")+"\n\n",{u:r}));"string"==typeof u[u.length-1]&&!u[u.length-1].trim();)u.pop();if(null===e.wrapper)return u;var o,i=e.wrapper||(r?"span":"div");if(u.length>1||e.forceWrapper)o=u;else{if(1===u.length)return"string"==typeof(o=u[0])?G("span",{key:"outer"},o):o;o=null}return t.createElement(i,{key:"outer"},o)}function U(n){var r=n.match(c);return r?r.reduce(function(n,r,e){var o,i=r.indexOf("=");if(-1!==i){var c=(o=r.slice(0,i),-1!==o.indexOf("-")&&null===o.match(w)&&(o=o.replace(I,function(n,t){return t.toUpperCase()})),o).trim(),a=function(n){var t=n[0];return('"'===t||"'"===t)&&n.length>=2&&n[n.length-1]===t?n.slice(1,-1):n}(r.slice(i+1).trim()),f=u[c]||c,l=n[f]=function(n,t){return"style"===n?t.split(/;\s?/).reduce(function(n,t){var r=t.slice(0,t.indexOf(":"));return n[r.replace(/(-[a-z])/g,function(n){return n[1].toUpperCase()})]=t.slice(r.length+1).trim(),n},{}):"href"===n?Rn(t):(t.match(M)&&(t=t.slice(1,t.length-1)),"true"===t||"false"!==t&&t)}(c,a);"string"==typeof l&&(B.test(l)||A.test(l))&&(n[f]=t.cloneElement(q(l.trim()),{key:e}))}else"style"!==r&&(n[u[r]||r]=!0);return n},{}):null}var V=[],W={},en={blockQuote:{t:Ln(l),q:Nn.HIGH,l:function(n,t,r){return{S:t(n[0].replace(v,""),r)}},v:function(n,t,r){return G("blockquote",{key:r.h},t(n.S,r))}},breakLine:{t:Fn(s),q:Nn.HIGH,l:Gn,v:function(n,t,r){return G("br",{key:r.h})}},breakThematic:{t:Ln(d),q:Nn.HIGH,l:Gn,v:function(n,t,r){return G("hr",{key:r.h})}},codeBlock:{t:Ln(g),q:Nn.MAX,l:function(n){return{S:n[0].replace(/^ {4}/gm,"").replace(/\n+$/,""),M:void 0}},v:function(n,t,e){return G("pre",{key:e.h},G("code",r({},n.O,{className:n.M?"lang-"+n.M:""}),n.S))}},codeFenced:{t:Ln(y),q:Nn.MAX,l:function(n){return{O:U(n[3]||""),S:n[4],M:n[2]||void 0,type:"codeBlock"}}},codeInline:{t:En(p),q:Nn.LOW,l:function(n){return{S:n[2]}},v:function(n,t,r){return G("code",{key:r.h},n.S)}},footnote:{t:Ln(S),q:Nn.MAX,l:function(n){return V.push({I:n[2],j:n[1]}),{}},v:qn},footnoteReference:{t:Mn(_),q:Nn.HIGH,l:function(n){return{S:n[1],B:"#"+e.slugify(n[1])}},v:function(n,t,r){return G("a",{key:r.h,href:Rn(n.B)},G("sup",{key:r.h},n.S))}},gfmTask:{t:Mn(b),q:Nn.HIGH,l:function(n){return{R:"x"===n[1].toLowerCase()}},v:function(n,t,r){return G("input",{checked:n.R,key:r.h,readOnly:!0,type:"checkbox"})}},heading:{t:Ln(e.enforceAtxHeadings?$:x),q:Nn.HIGH,l:function(n,t,r){return{S:Cn(t,n[2],r),T:e.slugify(n[2]),C:n[1].length}},v:function(n,t,r){return G("h"+n.C,{id:n.T,key:r.h},t(n.S,r))}},headingSetext:{t:Ln(O),q:Nn.MAX,l:function(n,t,r){return{S:Cn(t,n[1],r),C:"="===n[2]?1:2,type:"heading"}}},htmlComment:{t:Fn(z),q:Nn.HIGH,l:function(){return{}},v:qn},image:{t:En(xn),q:Nn.HIGH,l:function(n){return{D:n[1],B:Tn(n[2]),F:n[3]}},v:function(n,t,r){return G("img",{key:r.h,alt:n.D||void 0,title:n.F||void 0,src:Rn(n.B)})}},link:{t:Mn(bn),q:Nn.LOW,l:function(n,t,r){return{S:Dn(t,n[1],r),B:Tn(n[2]),F:n[3]}},v:function(n,t,r){return G("a",{key:r.h,href:Rn(n.B),title:n.F},t(n.S,r))}},linkAngleBraceStyleDetector:{t:Mn(F),q:Nn.MAX,l:function(n){return{S:[{S:n[1],type:"text"}],B:n[1],type:"link"}}},linkBareUrlDetector:{t:function(n,t){return t.N?null:Mn(E)(n,t)},q:Nn.MAX,l:function(n){return{S:[{S:n[1],type:"text"}],B:n[1],F:void 0,type:"link"}}},linkMailtoDetector:{t:Mn(L),q:Nn.MAX,l:function(n){var t=n[1],r=n[1];return a.test(r)||(r="mailto:"+r),{S:[{S:t.replace("mailto:",""),type:"text"}],B:r,type:"link"}}},orderedList:hn(G,1),unorderedList:hn(G,2),newlineCoalescer:{t:Ln(k),q:Nn.LOW,l:Gn,v:function(){return"\n"}},paragraph:{t:In,q:Nn.LOW,l:Zn,v:function(n,t,r){return G("p",{key:r.h},t(n.S,r))}},ref:{t:Mn(T),q:Nn.MAX,l:function(n){return W[n[1]]={B:n[2],F:n[4]},{}},v:qn},refImage:{t:En(C),q:Nn.MAX,l:function(n){return{D:n[1]||void 0,P:n[2]}},v:function(n,t,r){return G("img",{key:r.h,alt:n.D,src:Rn(W[n.P].B),title:W[n.P].F})}},refLink:{t:Mn(D),q:Nn.MAX,l:function(n,t,r){return{S:t(n[1],r),Z:t(n[0].replace(H,"\\$1"),r),P:n[2]}},v:function(n,t,r){return W[n.P]?G("a",{key:r.h,href:Rn(W[n.P].B),title:W[n.P].F},t(n.S,r)):G("span",{key:r.h},t(n.Z,r))}},table:{t:Ln(R),q:Nn.HIGH,l:wn,v:function(n,t,r){return G("table",{key:r.h},G("thead",null,G("tr",null,n.L.map(function(e,u){return G("th",{key:u,style:An(n,u)},t(e,r))}))),G("tbody",null,n.A.map(function(e,u){return G("tr",{key:u},e.map(function(e,u){return G("td",{key:u,style:An(n,u)},t(e,r))}))})))}},tableSeparator:{t:function(n,t){return t.k?(t.u=!0,Z.exec(n)):null},q:Nn.HIGH,l:function(){return{type:"tableSeparator"}},v:function(){return" | "}},text:{t:Fn(nn),q:Nn.MIN,l:function(n){return{S:n[0].replace(j,function(n,t){return e.namedCodesToUnicode[t]?e.namedCodesToUnicode[t]:n})}},v:function(n){return n.S}},textBolded:{t:En(Q),q:Nn.MED,l:function(n,t,r){return{S:t(n[2],r)}},v:function(n,t,r){return G("strong",{key:r.h},t(n.S,r))}},textEmphasized:{t:En(X),q:Nn.LOW,l:function(n,t,r){return{S:t(n[2],r)}},v:function(n,t,r){return G("em",{key:r.h},t(n.S,r))}},textEscaped:{t:En(Y),q:Nn.HIGH,l:function(n){return{S:n[1],type:"text"}}},textMarked:{t:En(J),q:Nn.LOW,l:Zn,v:function(n,t,r){return G("mark",{key:r.h},t(n.S,r))}},textStrikethroughed:{t:En(K),q:Nn.LOW,l:Zn,v:function(n,t,r){return G("del",{key:r.h},t(n.S,r))}}};!0!==e.disableParsingRawHTML&&(en.htmlBlock={t:Fn(B),q:Nn.HIGH,l:function(n,t,r){var e,u=n[3].match(rn),o=new RegExp("^"+u[1],"gm"),c=n[3].replace(o,""),a=(e=c,On.some(function(n){return n.test(e)})?Hn:Cn),f=n[1].toLowerCase(),l=-1!==i.indexOf(f);r.N=r.N||"a"===f;var v=l?n[3]:a(t,c,r);return r.N=!1,{O:U(n[2]),S:v,G:l,H:l?f:n[1]}},v:function(n,t,e){return G(n.H,r({key:e.h},n.O),n.G?n.S:t(n.S,e))}},en.htmlSelfClosing={t:Fn(A),q:Nn.HIGH,l:function(n){return{O:U(n[2]||""),H:n[1]}},v:function(n,t,e){return G(n.H,r({},n.O,{key:e.h}))}});var un,on,cn=function(n){var t=Object.keys(n);function r(e,u){for(var o=[],i="";e;)for(var c=0;c<t.length;){var a=t[c],f=n[a],l=f.t(e,u,i);if(l){var v=l[0];e=e.substring(v.length);var s=f.l(l,r,u);null==s.type&&(s.type=a),o.push(s),i=v;break}c++}return o}return t.sort(function(t,r){var e=n[t].q,u=n[r].q;return e!==u?e-u:t<r?-1:1}),function(n,t){return r(function(n){return n.replace(m,"\n").replace(h,"").replace(P,"    ")}(n),t)}}(en),an=(on=en,un=function(n,t,r){return on[n.type].v(n,t,r)},function n(t,r){if(void 0===r&&(r={}),Array.isArray(t)){for(var e=r.h,u=[],o=!1,i=0;i<t.length;i++){r.h=i;var c=n(t[i],r),a="string"==typeof c;a&&o?u[u.length-1]+=c:null!==c&&u.push(c),o=a}return r.h=e,u}return un(t,n,r)}),fn=q(n);return V.length?G("div",null,fn,G("footer",{key:"footer"},V.map(function(n){return G("div",{id:e.slugify(n.j),key:n.j},n.j,an(cn(n.I,{u:!0})))}))):fn}function Xn(n){var r=n.children,u=n.options,o=function(n,t){if(null==n)return{};var r,e,u={},o=Object.keys(n);for(e=0;e<o.length;e++)t.indexOf(r=o[e])>=0||(u[r]=n[r]);return u}(n,e);return t.cloneElement(Qn(r,u),o)}(Pn=Nn||(Nn={}))[Pn.MAX=0]="MAX",Pn[Pn.HIGH=1]="HIGH",Pn[Pn.MED=2]="MED",Pn[Pn.LOW=3]="LOW",Pn[Pn.MIN=4]="MIN",Object.assign(Xn,{compiler:Qn}),module.exports=Xn;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.d.ts

@@ -1,22 +1,23 @@
-/// <reference types="react" />
-import { compiler } from './';
-declare const _default: import("react").FC<{
-    [key: string]: any;
-    children: string;
-    options?: Partial<{
-        createElement: (tag: string | import("react").FunctionComponent<{}> | import("react").ComponentClass<{}, any>, props: JSX.IntrinsicAttributes, ...children: import("react").ReactChild[]) => JSX.Element;
-        disableParsingRawHTML: boolean;
-        forceBlock: boolean;
-        forceInline: boolean;
-        namedCodesToUnicode: {
-            [key: string]: string;
-        };
-        overrides: import("./").MarkdownToJSX.Overrides;
-        wrapper: import("react").ElementType<any>;
-        forceWrapper: boolean;
-        slugify: (source: string) => string;
-    }>;
-}> & {
-    compiler: typeof compiler;
-};
-export default _default;
+/// <reference types="react" />
+import { compiler } from './';
+declare const _default: import("react").FC<{
+    [key: string]: any;
+    children: string;
+    options?: Partial<{
+        createElement: (tag: string | import("react").FunctionComponent<{}> | import("react").ComponentClass<{}, any>, props: JSX.IntrinsicAttributes, ...children: import("react").ReactChild[]) => JSX.Element;
+        disableParsingRawHTML: boolean;
+        forceBlock: boolean;
+        forceInline: boolean;
+        namedCodesToUnicode: {
+            [key: string]: string;
+        };
+        overrides: import("./").MarkdownToJSX.Overrides;
+        wrapper: import("react").ElementType<any>;
+        forceWrapper: boolean;
+        slugify: (source: string) => string;
+        enforceAtxHeadings: boolean;
+    }>;
+}> & {
+    compiler: typeof compiler;
+};
+export default _default;