diff --git a/.yarn/cache/@matejmazur-react-katex-npm-3.1.3-4d0b9d3d8d-db9e9aa03d.zip b/.yarn/cache/@matejmazur-react-katex-npm-3.1.3-4d0b9d3d8d-db9e9aa03d.zip new file mode 100644 index 00000000..bf60b260 Binary files /dev/null and b/.yarn/cache/@matejmazur-react-katex-npm-3.1.3-4d0b9d3d8d-db9e9aa03d.zip differ diff --git a/README.md b/README.md index cbb0d1e4..3f7b7de8 100644 --- a/README.md +++ b/README.md @@ -406,26 +406,28 @@ Forces the compiler to have space between hash sign `#` and the header text whic #### options.renderRule -Supply your own rendering function that can selectively override how _rules_ are rendered (note, this is different than _`options.overrides`_ which operates at the HTML tag level and is more general). You can use this functionality to do pretty much anything with an established AST node; here's an example of selectively overriding the "codeBlock" rule to process LaTeX syntax using the `react-katext` library: +Supply your own rendering function that can selectively override how _rules_ are rendered (note, this is different than _`options.overrides`_ which operates at the HTML tag level and is more general). You can use this functionality to do pretty much anything with an established AST node; here's an example of selectively overriding the "codeBlock" rule to process LaTeX syntax using the `@matejmazur/react-katex` library: ````tsx import { Markdown, RuleType } from 'markdown-to-jsx' -import { BlockMath } from 'react-katext' +import TeX from '@matejmazur/react-katex' const exampleContent = - 'Some important formula:\n\n```latex\n$$f(X,n) = X_n + X_{n-1}$$\n```\n' + 'Some important formula:\n\n```latex\nmathbb{N} = { a in mathbb{Z} : a > 0 }\n```\n' function App() { return ( + return ( + {String.raw`${node.text}`} + ) } - return defaultOutput() + return next() }, }} /> diff --git a/docs/index.html b/docs/index.html index f1f0a8d5..3dbaae8b 100644 --- a/docs/index.html +++ b/docs/index.html @@ -2,11 +2,16 @@ markdown-to-jsx: try it live! + + + - + @@ -40,6 +49,12 @@ Sample content borrowed with thanks from [elm-markdown](http://elm-lang.org/examples/markdown) ❤️ +Custom handling of code blocks (or any rule!) is possible with the [`renderRule` option](https://github.com/quantizor/markdown-to-jsx#optionsrenderrule). For example, LaTeX support via [`@matejmazur/react-katex`](https://www.npmjs.com/package/@matejmazur/react-katex): + +```latex +\mathbb{N} = \{ a \in \mathbb{Z} : a > 0 \} +``` + You can even include custom React components if you declare them in the "overrides" option. Isn't that cool? diff --git a/docs/markdown-to-jsx.js b/docs/markdown-to-jsx.js index 20eddd38..ab166f24 100644 --- a/docs/markdown-to-jsx.js +++ b/docs/markdown-to-jsx.js @@ -1,2 +1,2 @@ -!function(n,t,r){function e(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function o(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 i=/*#__PURE__*/o(n),u=/*#__PURE__*/o(t),a=/*#__PURE__*/e(r);function l(){return l=Object.assign?Object.assign.bind():function(n){for(var t=1;t",lt:"<",nbsp:" ",quot:"“"},v=["style","script"],g=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,p=/mailto:/i,h=/\n{2,}$/,k=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,y=/^ *> ?/gm,b=/^ {2,}\n/,x=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,S=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,_=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,w=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,j=/^(?:\n *)*\n/,z=/\r\n?/g,M=/^\[\^([^\]]+)](:.*)\n/,$=/^\[\^([^\]]+)]/,O=/\f/g,A=/^\s*?\[(x|\s)\]/,E=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,H=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,R=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,C=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,D=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,L=/^)/,I=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,T=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,B=/^\{.*\}$/,N=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,G=/^<([^ >]+@[^ >]+)>/,F=/^<([^ >]+:\/[^ >]+)>/,P=/-([a-z])?/gi,Z=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,q=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,U=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,V=/^\[([^\]]*)\] ?\[([^\]]*)\]/,W=/(\[|\])/g,X=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,J=/\t/g,Q=/^ *\| */,K=/(^ *\||\| *$)/g,Y=/ *$/,nn=/^ *:-+: *$/,tn=/^ *:-+ *$/,rn=/^ *-+: *$/,en=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,on=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,un=/^==((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)==/,an=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,ln=/^\\([^0-9A-Za-z\s])/,cn=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,fn=/^\n+/,sn=/^([ \t]*)/,dn=/\\([^\\])/g,mn=/ *\n+$/,vn=/(?:^|\n)( *)$/,gn="(?:\\d+\\.)",pn="(?:[*+-])";function hn(n){return"( *)("+(1===n?gn:pn)+") +"}var kn=hn(1),yn=hn(2);function bn(n){return new RegExp("^"+(1===n?kn:yn))}var xn=bn(1),Sn=bn(2);function _n(n){return new RegExp("^"+(1===n?kn:yn)+"[^\\n]*(?:\\n(?!\\1"+(1===n?gn:pn)+" )[^\\n]*)*(\\n|$)","gm")}var wn=_n(1),jn=_n(2);function zn(n){var t=1===n?gn:pn;return new RegExp("^( *)("+t+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+t+" (?!"+t+" ))\\n*|\\s*\\n*$)")}var Mn=zn(1),$n=zn(2);function On(n,t){var r=1===t,e=r?Mn:$n,o=r?wn:jn,i=r?xn:Sn;return{t:function(n,t,r){var o=vn.exec(r);return o&&(t.o||!t.u&&!t.i)?e.exec(n=o[1]+n):null},q:Xn.HIGH,l:function(n,t,e){var u=r?+n[2]:void 0,a=n[0].replace(h,"\n").match(o),l=!1;return{p:a.map(function(n,r){var o=i.exec(n)[0].length,u=new RegExp("^ {1,"+o+"}","gm"),c=n.replace(u,"").replace(i,""),f=r===a.length-1,s=-1!==c.indexOf("\n\n")||f&&l;l=s;var d,m=e.u,v=e.o;e.o=!0,s?(e.u=!1,d=c.replace(mn,"\n\n")):(e.u=!0,d=c.replace(mn,""));var g=t(d,e);return e.u=m,e.o=v,g}),m:r,g:u}},v:function(t,r,e){return n(t.m?"ol":"ul",{key:e.h,start:t.g},t.p.map(function(t,o){return n("li",{key:o},r(t,e))}))}}}var An=/^\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,En=/^!\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,Hn=[k,S,_,E,R,H,L,Z,wn,Mn,jn,$n],Rn=[].concat(Hn,[/^[^\n]+(?: \n|\n{2,})/,C,T]);function Cn(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 Dn(n){return rn.test(n)?"right":nn.test(n)?"center":tn.test(n)?"left":null}function Ln(n,t,r){var e=r.k;r.k=!0;var o=t(n.trim(),r);r.k=e;var i=[[]];return o.forEach(function(n,t){"tableSeparator"===n.type?0!==t&&t!==o.length-1&&i.push([]):("text"!==n.type||null!=o[t+1]&&"tableSeparator"!==o[t+1].type||(n.S=n.S.replace(Y,"")),i[i.length-1].push(n))}),i}function In(n,t,r){r.u=!0;var e=Ln(n[1],t,r),o=n[2].replace(K,"").split("|").map(Dn),i=function(n,t,r){return n.trim().split("\n").map(function(n){return Ln(n,t,r)})}(n[3],t,r);return r.u=!1,{$:o,A:i,H:e,type:"table"}}function Tn(n,t){return null==n.$[t]?{}:{textAlign:n.$[t]}}function Bn(n){return function(t,r){return r.u?n.exec(t):null}}function Nn(n){return function(t,r){return r.u||r.i?n.exec(t):null}}function Gn(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 Pn(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!Hn.some(function(t){return t.test(n)})&&(e+=n+"\n",n.trim())});var o=e.trimEnd();return""==o?null:[e,o]}function Zn(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 qn(n){return n.replace(dn,"$1")}function Un(n,t,r){var e=r.u||!1,o=r.i||!1;r.u=!0,r.i=!0;var i=n(t,r);return r.u=e,r.i=o,i}function Vn(n,t,r){var e=r.u||!1,o=r.i||!1;r.u=!1,r.i=!0;var i=n(t,r);return r.u=e,r.i=o,i}function Wn(n,t,r){return r.u=!1,n(t,r)}var Xn,Jn,Qn,Kn,Yn,nt,tt,rt,et,ot,it,ut=function(n,t,r){return{S:Un(t,n[1],r)}};function at(){return{}}function lt(){return null}function ct(){return[].slice.call(arguments).filter(Boolean).join(" ")}function ft(n,t,r){for(var e=n,o=t.split(".");o.length&&void 0!==(e=e[o[0]]);)o.shift();return e||r}function st(n,t){var r=ft(t,n);return r?"function"==typeof r||"object"==typeof r&&"render"in r?r:ft(t,n+".component",n):n}function dt(n,t){void 0===t&&(t={}),t.overrides=t.overrides||{},t.slugify=t.slugify||Cn,t.namedCodesToUnicode=t.namedCodesToUnicode?f({},m,t.namedCodesToUnicode):m;var r=t.createElement||i.createElement;function e(n,e){var o=ft(t.overrides,n+".props",{});return r.apply(void 0,[st(n,t.overrides),f({},e,o,{className:ct(null==e?void 0:e.className,o.className)||void 0})].concat([].slice.call(arguments,2)))}function o(n){var r=!1;t.forceInline?r=!0:t.forceBlock||(r=!1===X.test(n));for(var o=Y(K(r?n:n.trimEnd().replace(fn,"")+"\n\n",{u:r}));"string"==typeof o[o.length-1]&&!o[o.length-1].trim();)o.pop();if(null===t.wrapper)return o;var u,a=t.wrapper||(r?"span":"div");if(o.length>1||t.forceWrapper)u=o;else{if(1===o.length)return"string"==typeof(u=o[0])?e("span",{key:"outer"},u):u;u=null}return i.createElement(a,{key:"outer"},u)}function u(n){var t=n.match(g);return t?t.reduce(function(n,t,r){var e,u=t.indexOf("=");if(-1!==u){var a=(e=t.slice(0,u),-1!==e.indexOf("-")&&null===e.match(I)&&(e=e.replace(P,function(n,t){return t.toUpperCase()})),e).trim(),l=function(n){var t=n[0];return('"'===t||"'"===t)&&n.length>=2&&n[n.length-1]===t?n.slice(1,-1):n}(t.slice(u+1).trim()),c=d[a]||a,f=n[c]=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?Zn(t):(t.match(B)&&(t=t.slice(1,t.length-1)),"true"===t||"false"!==t&&t)}(a,l);"string"==typeof f&&(C.test(f)||T.test(f))&&(n[c]=i.cloneElement(o(f.trim()),{key:r}))}else"style"!==t&&(n[d[t]||t]=!0);return n},{}):null}var a=[],l={},c={blockQuote:{t:Gn(k),q:Xn.HIGH,l:function(n,t,r){return{S:t(n[0].replace(y,""),r)}},v:function(n,t,r){return e("blockquote",{key:r.h},t(n.S,r))}},breakLine:{t:Fn(b),q:Xn.HIGH,l:at,v:function(n,t,r){return e("br",{key:r.h})}},breakThematic:{t:Gn(x),q:Xn.HIGH,l:at,v:function(n,t,r){return e("hr",{key:r.h})}},codeBlock:{t:Gn(_),q:Xn.MAX,l:function(n){return{S:n[0].replace(/^ {4}/gm,"").replace(/\n+$/,""),L:void 0}},v:function(n,t,r){return console.log("AHHHHHHHH"),"latex"===n.L?e("div",{key:r.h},n.S):e("pre",{key:r.h},e("code",f({},n.M,{className:n.L?"lang-"+n.L:""}),n.S))}},codeFenced:{t:Gn(S),q:Xn.MAX,l:function(n){return console.log(n),{M:u(n[3]||""),S:n[4],L:n[2]||void 0,type:"codeBlock"}}},codeInline:{t:Nn(w),q:Xn.LOW,l:function(n){return{S:n[2]}},v:function(n,t,r){return e("code",{key:r.h},n.S)}},footnote:{t:Gn(M),q:Xn.MAX,l:function(n){return a.push({O:n[2],I:n[1]}),{}},v:lt},footnoteReference:{t:Bn($),q:Xn.HIGH,l:function(n){return{S:n[1],j:"#"+t.slugify(n[1])}},v:function(n,t,r){return e("a",{key:r.h,href:Zn(n.j)},e("sup",{key:r.h},n.S))}},gfmTask:{t:Bn(A),q:Xn.HIGH,l:function(n){return{B:"x"===n[1].toLowerCase()}},v:function(n,t,r){return e("input",{checked:n.B,key:r.h,readOnly:!0,type:"checkbox"})}},heading:{t:Gn(t.enforceAtxHeadings?H:E),q:Xn.HIGH,l:function(n,r,e){return{S:Un(r,n[2],e),R:t.slugify(n[2]),T:n[1].length}},v:function(n,t,r){return e("h"+n.T,{id:n.R,key:r.h},t(n.S,r))}},headingSetext:{t:Gn(R),q:Xn.MAX,l:function(n,t,r){return{S:Un(t,n[1],r),T:"="===n[2]?1:2,type:"heading"}}},htmlComment:{t:Fn(L),q:Xn.HIGH,l:function(){return{}},v:lt},image:{t:Nn(En),q:Xn.HIGH,l:function(n){return{C:n[1],j:qn(n[2]),D:n[3]}},v:function(n,t,r){return e("img",{key:r.h,alt:n.C||void 0,title:n.D||void 0,src:Zn(n.j)})}},link:{t:Bn(An),q:Xn.LOW,l:function(n,t,r){return{S:Vn(t,n[1],r),j:qn(n[2]),D:n[3]}},v:function(n,t,r){return e("a",{key:r.h,href:Zn(n.j),title:n.D},t(n.S,r))}},linkAngleBraceStyleDetector:{t:Bn(F),q:Xn.MAX,l:function(n){return{S:[{S:n[1],type:"text"}],j:n[1],type:"link"}}},linkBareUrlDetector:{t:function(n,t){return t.F?null:Bn(N)(n,t)},q:Xn.MAX,l:function(n){return{S:[{S:n[1],type:"text"}],j:n[1],D:void 0,type:"link"}}},linkMailtoDetector:{t:Bn(G),q:Xn.MAX,l:function(n){var t=n[1],r=n[1];return p.test(r)||(r="mailto:"+r),{S:[{S:t.replace("mailto:",""),type:"text"}],j:r,type:"link"}}},orderedList:On(e,1),unorderedList:On(e,2),newlineCoalescer:{t:Gn(j),q:Xn.LOW,l:at,v:function(){return"\n"}},paragraph:{t:Pn,q:Xn.LOW,l:ut,v:function(n,t,r){return e("p",{key:r.h},t(n.S,r))}},ref:{t:Bn(q),q:Xn.MAX,l:function(n){return l[n[1]]={j:n[2],D:n[4]},{}},v:lt},refImage:{t:Nn(U),q:Xn.MAX,l:function(n){return{C:n[1]||void 0,N:n[2]}},v:function(n,t,r){return e("img",{key:r.h,alt:n.C,src:Zn(l[n.N].j),title:l[n.N].D})}},refLink:{t:Bn(V),q:Xn.MAX,l:function(n,t,r){return{S:t(n[1],r),P:t(n[0].replace(W,"\\$1"),r),N:n[2]}},v:function(n,t,r){return l[n.N]?e("a",{key:r.h,href:Zn(l[n.N].j),title:l[n.N].D},t(n.S,r)):e("span",{key:r.h},t(n.P,r))}},table:{t:Gn(Z),q:Xn.HIGH,l:In,v:function(n,t,r){return e("table",{key:r.h},e("thead",null,e("tr",null,n.H.map(function(o,i){return e("th",{key:i,style:Tn(n,i)},t(o,r))}))),e("tbody",null,n.A.map(function(o,i){return e("tr",{key:i},o.map(function(o,i){return e("td",{key:i,style:Tn(n,i)},t(o,r))}))})))}},tableSeparator:{t:function(n,t){return t.k?(t.u=!0,Q.exec(n)):null},q:Xn.HIGH,l:function(){return{type:"tableSeparator"}},v:function(){return" | "}},text:{t:Fn(cn),q:Xn.MIN,l:function(n){return{S:n[0].replace(D,function(n,r){return t.namedCodesToUnicode[r]?t.namedCodesToUnicode[r]:n})}},v:function(n){return n.S}},textBolded:{t:Nn(en),q:Xn.MED,l:function(n,t,r){return{S:t(n[2],r)}},v:function(n,t,r){return e("strong",{key:r.h},t(n.S,r))}},textEmphasized:{t:Nn(on),q:Xn.LOW,l:function(n,t,r){return{S:t(n[2],r)}},v:function(n,t,r){return e("em",{key:r.h},t(n.S,r))}},textEscaped:{t:Nn(ln),q:Xn.HIGH,l:function(n){return{S:n[1],type:"text"}}},textMarked:{t:Nn(un),q:Xn.LOW,l:ut,v:function(n,t,r){return e("mark",{key:r.h},t(n.S,r))}},textStrikethroughed:{t:Nn(an),q:Xn.LOW,l:ut,v:function(n,t,r){return e("del",{key:r.h},t(n.S,r))}}};!0!==t.disableParsingRawHTML&&(c.htmlBlock={t:Fn(C),q:Xn.HIGH,l:function(n,t,r){var e,o=n[3].match(sn),i=new RegExp("^"+o[1],"gm"),a=n[3].replace(i,""),l=(e=a,Rn.some(function(n){return n.test(e)})?Wn:Un),c=n[1].toLowerCase(),f=-1!==v.indexOf(c);r.F=r.F||"a"===c;var s=f?n[3]:l(t,a,r);return r.F=!1,{M:u(n[2]),S:s,Z:f,G:f?c:n[1]}},v:function(n,t,r){return e(n.G,f({key:r.h},n.M),n.Z?n.S:t(n.S,r))}},c.htmlSelfClosing={t:Fn(T),q:Xn.HIGH,l:function(n){return{M:u(n[2]||""),G:n[1]}},v:function(n,t,r){return e(n.G,f({},n.M,{key:r.h}))}});var s,h,K=function(n){var t=Object.keys(n);function r(e,o){for(var i=[],u="";e;)for(var a=0;a=0||(o[r]=n[r]);return o}(n,s);return i.cloneElement(dt(t,r),e)}function vt(){var n=i.useState(document.getElementById("sample-content").textContent.trim()),t=n[0],r=n[1],e=i.useCallback(function(n){return r(n.target.value)},[]);/*#__PURE__*/return i.createElement("main",null,/*#__PURE__*/i.createElement(ht,null),/*#__PURE__*/i.createElement(kt,null,/*#__PURE__*/i.createElement("a",{target:"_blank",href:"https://github.com/probablyup/markdown-to-jsx",title:"Check out the markdown-to-jsx source code",rel:"noopener noreferrer"},/*#__PURE__*/i.createElement("img",{src:"./images/logo.svg",alt:"markdown-to-jsx logo"})),/*#__PURE__*/i.createElement(yt,null,/*#__PURE__*/i.createElement("h1",null,/*#__PURE__*/i.createElement("code",null,"markdown-to-jsx")," is an easy-to-use markdown component that takes Github-flavored Markdown (GFM) and makes native JSX without dangerous hacks. "),/*#__PURE__*/i.createElement("h2",null,"It's lightweight, customizable, and happily supports React-like libraries.")),/*#__PURE__*/i.createElement(bt,null,"See the"," ",/*#__PURE__*/i.createElement("a",{target:"_blank",href:"https://github.com/probablyup/markdown-to-jsx/blob/main/README.md",rel:"noopener noreferrer"},"project README")," ","for detailed installation & usage instructions.")),/*#__PURE__*/i.createElement(St,null,/*#__PURE__*/i.createElement(_t,{onInput:e,value:t}),/*#__PURE__*/i.createElement(wt,null,/*#__PURE__*/i.createElement(mt,{options:zt},t))))}(Jn=Xn||(Xn={}))[Jn.MAX=0]="MAX",Jn[Jn.HIGH=1]="HIGH",Jn[Jn.MED=2]="MED",Jn[Jn.LOW=3]="LOW",Jn[Jn.MIN=4]="MIN";var gt="rgba(255, 255, 255, 0.5)",pt="#fefefe",ht=r.createGlobalStyle(Qn||(Qn=c(["\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t\toutline-color: ",";\n\t}\n\n\thtml,\n\tbody,\n\t#root,\n\tmain {\n\t\tmargin: 0;\n\t\tmin-height: 100vh;\n\t}\n\n\thtml {\n\t\tbackground: #222;\n\t\tcolor: ",";\n\t\tfont-family: 'Source Sans Pro', Helvetica Neue, Helvetica, sans-serif;\n\t\tfont-size: 14px;\n\t\tline-height: 1.5;\n\t}\n\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\tmargin: 0 0 1rem;\n\t}\n\n\th1 {\n\t\tfont-size: 2rem;\n\t}\n\n\th2 {\n\t\tfont-size: 1.8rem;\n\t}\n\n\th3 {\n\t\tfont-size: 1.6rem;\n\t}\n\n\th4 {\n\t\tfont-size: 1.4rem;\n\t}\n\n\th5 {\n\t\tfont-size: 1.2rem;\n\t}\n\n\th6 {\n\t\tfont-size: 1rem;\n\t}\n\n\ta {\n\t\tcolor: ",";\n\t\ttransition: color 200ms ease;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: color-mix(in srgb, "," 75%, transparent);\n\t\t}\n\t}\n\n\tcode {\n\t\tbackground: color-mix(in srgb, "," 5%, transparent);\n\t\tdisplay: inline-block;\n\t\tpadding: 0 2px;\n\t}\n\n\tpre code {\n\t\tbackground: transparent;\n\t\tborder: 0;\n\t\tdisplay: block;\n\t\tpadding: 1em;\n\t}\n\n\tmain {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 3rem 1.5rem 0;\n\t\tmargin: 0;\n\n\t\t@media all and (min-width: 1024px) {\n\t\t\tpadding: 3rem;\n\t\t}\n\t}\n"])),gt,pt,gt,gt,gt),kt=a.default.header(Kn||(Kn=c(["\n flex-shrink: 0;\n margin-bottom: 2em;\n text-align: center;\n\n img {\n height: 100px;\n }\n"]))),yt=a.default.p(Yn||(Yn=c(["\n font-size: 18px;\n margin-left: auto;\n margin-right: auto;\n max-width: 60vw;\n\n h1,\n h2 {\n font: inherit;\n }\n\n @media all and (max-width: 500px) {\n max-width: none;\n }\n\n @media all and (max-width: 1023px) {\n h1,\n h2 {\n display: block;\n margin-bottom: 1.5rem;\n }\n }\n"]))),bt=a.default.p(nt||(nt=c(["\n color: color-mix(in srgb, "," 20%, white);\n"])),pt),xt=r.css(tt||(tt=c(["\n flex: 0 0 50%;\n padding: 1em;\n"]))),St=a.default.section(rt||(rt=c(["\n display: flex;\n flex-grow: 1;\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n\n @media all and (min-width: 1024px) {\n margin-left: 0;\n margin-right: 0;\n }\n\n @media all and (max-width: 500px) {\n flex-direction: column;\n }\n"]))),_t=a.default.textarea(et||(et=c(["\n ",";\n background: color-mix(in srgb, "," 10%, transparent);\n border: 0;\n color: inherit;\n position: sticky;\n top: 0;\n font-family: 'Source Code Pro', Consolas, Monaco, monospace;\n font-size: inherit;\n max-height: 100vh;\n\n @media all and (max-width: 500px) {\n height: 300px;\n position: relative;\n }\n"])),xt,gt),wt=a.default.div(ot||(ot=c(["\n ",";\n padding-left: 2rem;\n padding-right: 1rem;\n overflow: auto;\n overflow-x: hidden;\n"])),xt),jt=a.default.button(it||(it=c(["\n background: #444;\n color: #ddd;\n cursor: pointer;\n font: inherit;\n transition: background 200ms ease;\n\n &:hover,\n &:focus {\n background: #222;\n }\n\n &:active {\n background: #000;\n }\n"]))),zt={overrides:{MyComponent:{component:function(n){/*#__PURE__*/return i.createElement(jt,l({},n,{onClick:function(){alert("Look ma, I'm a real component!")}}))}}}};u.render(/*#__PURE__*/i.createElement(vt,null),document.getElementById("root"))}(React,ReactDOM,styled); +!function(n,e,t,r){function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function o(n){if(n&&n.__esModule)return n;var e=Object.create(null);return n&&Object.keys(n).forEach(function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,r.get?r:{enumerable:!0,get:function(){return n[t]}})}}),e.default=n,e}var i=/*#__PURE__*/a(n),l=/*#__PURE__*/o(n),c=/*#__PURE__*/o(e),u=/*#__PURE__*/a(t),s=/*#__PURE__*/a(r);function f(){return f=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(a[t]=n[t]);return a}(e,["children","math","block","errorColor","renderError","settings","as"]),d=u||(a?"div":"span"),m=null!=t?t:r,g=n.useState({innerHtml:""}),h=g[0],y=g[1];return n.useEffect(function(){try{var n=s.default.renderToString(m,p({displayMode:!!a,errorColor:o,throwOnError:!!l},c));y({innerHtml:n})}catch(n){if(!(n instanceof s.default.ParseError||n instanceof TypeError))throw n;y(l?{errorElement:l(n)}:{innerHtml:n.message})}},[a,m,o,l,c]),"errorElement"in h?h.errorElement:i.default.createElement(d,Object.assign({},f,{dangerouslySetInnerHTML:{__html:h.innerHtml}}))});function g(){return g=Object.assign?Object.assign.bind():function(n){for(var e=1;e",lt:"<",nbsp:" ",quot:"“"},k=["style","script"],x=/([-A-Z0-9_:]+)(?:\s*=\s*(?:(?:"((?:\\.|[^"])*)")|(?:'((?:\\.|[^'])*)')|(?:\{((?:\\.|{[^}]*?}|[^}])*)\})))?/gi,b=/mailto:/i,E=/\n{2,}$/,w=/^( *>[^\n]+(\n[^\n]+)*\n*)+\n{2,}/,H=/^ *> ?/gm,O=/^ {2,}\n/,M=/^(?:( *[-*_])){3,} *(?:\n *)+\n/,I=/^\s*(`{3,}|~{3,}) *(\S+)?([^\n]*?)?\n([\s\S]+?)\s*\1 *(?:\n *)*\n?/,A=/^(?: {4}[^\n]+\n*)+(?:\n *)+\n?/,j=/^(`+)\s*([\s\S]*?[^`])\s*\1(?!`)/,C=/^(?:\n *)*\n/,S=/\r\n?/g,z=/^\[\^([^\]]+)](:.*)\n/,G=/^\[\^([^\]]+)]/,L=/\f/g,T=/^\s*?\[(x|\s)\]/,$=/^ *(#{1,6}) *([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,_=/^ *(#{1,6}) +([^\n]+?)(?: +#*)?(?:\n *)*(?:\n|$)/,R=/^([^\n]+)\n *(=|-){3,} *(?:\n *)+\n/,X=/^ *(?!<[a-z][^ >/]* ?\/>)<([a-z][^ >/]*) ?([^>]*)\/{0}>\n?(\s*(?:<\1[^>]*?>[\s\S]*?<\/\1>|(?!<\1)[\s\S])*?)<\/\1>\n*/i,P=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,W=/^)/,N=/^(data|aria|x)-[a-z_][a-z\d_.-]*$/,D=/^ *<([a-z][a-z0-9:]*)(?:\s+((?:<.*?>|[^>])*))?\/?>(?!<\/\1>)(\s*\n)?/i,U=/^\{.*\}$/,B=/^(https?:\/\/[^\s<]+[^<.,:;"')\]\s])/,F=/^<([^ >]+@[^ >]+)>/,Z=/^<([^ >]+:\/[^ >]+)>/,q=/-([a-z])?/gi,V=/^(.*\|?.*)\n *(\|? *[-:]+ *\|[-| :]*)\n((?:.*\|.*\n)*)\n?/,J=/^\[([^\]]*)\]:\s+]+)>?\s*("([^"]*)")?/,K=/^!\[([^\]]*)\] ?\[([^\]]*)\]/,Q=/^\[([^\]]*)\] ?\[([^\]]*)\]/,Y=/(\[|\])/g,nn=/(\n|^[-*]\s|^#|^ {2,}|^-{2,}|^>\s)/,en=/\t/g,tn=/^ *\| */,rn=/(^ *\||\| *$)/g,an=/ *$/,on=/^ *:-+: *$/,ln=/^ *:-+ *$/,cn=/^ *-+: *$/,un=/^([*_])\1((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1\1(?!\1)/,sn=/^([*_])((?:\[.*?\][([].*?[)\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\1(?!\1|\w)/,fn=/^==((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)==/,dn=/^~~((?:\[.*?\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,pn=/^\\([^0-9A-Za-z\s])/,mn=/^[\s\S]+?(?=[^0-9A-Z\s\u00c0-\uffff&#;.()'"]|\d+\.|\n\n| {2,}\n|\w+:\S|$)/i,gn=/^\n+/,hn=/^([ \t]*)/,yn=/\\([^\\])/g,vn=/ *\n+$/,kn=/(?:^|\n)( *)$/,xn="(?:\\d+\\.)",bn="(?:[*+-])";function En(n){return"( *)("+(1===n?xn:bn)+") +"}var wn=En(1),Hn=En(2);function On(n){return new RegExp("^"+(1===n?wn:Hn))}var Mn=On(1),In=On(2);function An(n){return new RegExp("^"+(1===n?wn:Hn)+"[^\\n]*(?:\\n(?!\\1"+(1===n?xn:bn)+" )[^\\n]*)*(\\n|$)","gm")}var jn=An(1),Cn=An(2);function Sn(n){var e=1===n?xn:bn;return new RegExp("^( *)("+e+") [\\s\\S]+?(?:\\n{2,}(?! )(?!\\1"+e+" (?!"+e+" ))\\n*|\\s*\\n*$)")}var zn=Sn(1),Gn=Sn(2);function Ln(n,e){var t=1===e,r=t?zn:Gn,a=t?jn:Cn,o=t?Mn:In;return{match:function(n,e,t){var a=kn.exec(t);return a&&(e.list||!e.inline&&!e.simple)?r.exec(n=a[1]+n):null},order:ne.HIGH,parse:function(n,e,r){var i=t?+n[2]:void 0,l=n[0].replace(E,"\n").match(a),c=!1;return{items:l.map(function(n,t){var a=o.exec(n)[0].length,i=new RegExp("^ {1,"+a+"}","gm"),u=n.replace(i,"").replace(o,""),s=t===l.length-1,f=-1!==u.indexOf("\n\n")||s&&c;c=f;var d,p=r.inline,m=r.list;r.list=!0,f?(r.inline=!1,d=u.replace(vn,"\n\n")):(r.inline=!0,d=u.replace(vn,""));var g=e(d,r);return r.inline=p,r.list=m,g}),ordered:t,start:i}},render:function(e,t,r){return n(e.ordered?"ol":"ul",{key:r.key,start:e.start},e.items.map(function(e,a){return n("li",{key:a},t(e,r))}))}}}var Tn=/^\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,$n=/^!\[([^\]]*)]\( *((?:\([^)]*\)|[^() ])*) *"?([^)"]*)?"?\)/,_n=[w,I,A,$,R,_,W,V,jn,zn,Cn,Gn],Rn=[].concat(_n,[/^[^\n]+(?: \n|\n{2,})/,X,D]);function Xn(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 Pn(n){return cn.test(n)?"right":on.test(n)?"center":ln.test(n)?"left":null}function Wn(n,e,t){var r=t.inTable;t.inTable=!0;var a=e(n.trim(),t);t.inTable=r;var o=[[]];return a.forEach(function(n,e){26===n.type?0!==e&&e!==a.length-1&&o.push([]):(27!==n.type||null!=a[e+1]&&26!==a[e+1].type||(n.text=n.text.replace(an,"")),o[o.length-1].push(n))}),o}function Nn(n,e,t){t.inline=!0;var r=Wn(n[1],e,t),a=n[2].replace(rn,"").split("|").map(Pn),o=function(n,e,t){return n.trim().split("\n").map(function(n){return Wn(n,e,t)})}(n[3],e,t);return t.inline=!1,{align:a,cells:o,header:r,type:25}}function Dn(n,e){return null==n.align[e]?{}:{textAlign:n.align[e]}}function Un(n){return function(e,t){return t.inline?n.exec(e):null}}function Bn(n){return function(e,t){return t.inline||t.simple?n.exec(e):null}}function Fn(n){return function(e,t){return t.inline||t.simple?null:n.exec(e)}}function Zn(n){return function(e){return n.exec(e)}}function qn(n,e,t){if(e.inline||e.simple)return null;if(t&&!t.endsWith("\n"))return null;var r="";n.split("\n").every(function(n){return!_n.some(function(e){return e.test(n)})&&(r+=n+"\n",n.trim())});var a=r.trimEnd();return""==a?null:[r,a]}function Vn(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 Jn(n){return n.replace(yn,"$1")}function Kn(n,e,t){var r=t.inline||!1,a=t.simple||!1;t.inline=!0,t.simple=!0;var o=n(e,t);return t.inline=r,t.simple=a,o}function Qn(n,e,t){var r=t.inline||!1,a=t.simple||!1;t.inline=!1,t.simple=!0;var o=n(e,t);return t.inline=r,t.simple=a,o}function Yn(n,e,t){return t.inline=!1,n(e,t)}var ne,ee,te,re,ae,oe,ie,le,ce,ue,se,fe,de=function(n,e,t){return{content:Kn(e,n[1],t)}};function pe(){return{}}function me(){return null}function ge(){return[].slice.call(arguments).filter(Boolean).join(" ")}function he(n,e,t){for(var r=n,a=e.split(".");a.length&&void 0!==(r=r[a[0]]);)a.shift();return r||t}function ye(n,e){var t=he(e,n);return t?"function"==typeof t||"object"==typeof t&&"render"in t?t:he(e,n+".component",n):n}function ve(n,e){var t;void 0===e&&(e={}),e.overrides=e.overrides||{},e.slugify=e.slugify||Xn,e.namedCodesToUnicode=e.namedCodesToUnicode?g({},v,e.namedCodesToUnicode):v;var r=e.createElement||l.createElement;function a(n,t){var a=he(e.overrides,n+".props",{});return r.apply(void 0,[ye(n,e.overrides),g({},t,a,{className:ge(null==t?void 0:t.className,a.className)||void 0})].concat([].slice.call(arguments,2)))}function o(n){var t=!1;e.forceInline?t=!0:e.forceBlock||(t=!1===nn.test(n));for(var r=p(d(t?n:n.trimEnd().replace(gn,"")+"\n\n",{inline:t}));"string"==typeof r[r.length-1]&&!r[r.length-1].trim();)r.pop();if(null===e.wrapper)return r;var o,i=e.wrapper||(t?"span":"div");if(r.length>1||e.forceWrapper)o=r;else{if(1===r.length)return"string"==typeof(o=r[0])?a("span",{key:"outer"},o):o;o=null}return l.createElement(i,{key:"outer"},o)}function i(n){var e=n.match(x);return e?e.reduce(function(n,e,t){var r,a=e.indexOf("=");if(-1!==a){var i=(r=e.slice(0,a),-1!==r.indexOf("-")&&null===r.match(N)&&(r=r.replace(q,function(n,e){return e.toUpperCase()})),r).trim(),c=function(n){var e=n[0];return('"'===e||"'"===e)&&n.length>=2&&n[n.length-1]===e?n.slice(1,-1):n}(e.slice(a+1).trim()),u=y[i]||i,s=n[u]=function(n,e){return"style"===n?e.split(/;\s?/).reduce(function(n,e){var t=e.slice(0,e.indexOf(":"));return n[t.replace(/(-[a-z])/g,function(n){return n[1].toUpperCase()})]=e.slice(t.length+1).trim(),n},{}):"href"===n?Vn(e):(e.match(U)&&(e=e.slice(1,e.length-1)),"true"===e||"false"!==e&&e)}(i,c);"string"==typeof s&&(X.test(s)||D.test(s))&&(n[u]=l.cloneElement(o(s.trim()),{key:t}))}else"style"!==e&&(n[y[e]||e]=!0);return n},{}):null}var c=[],u={},s=((t={})[0]={match:Fn(w),order:ne.HIGH,parse:function(n,e,t){return{content:e(n[0].replace(H,""),t)}},render:function(n,e,t){return a("blockquote",{key:t.key},e(n.content,t))}},t[1]={match:Zn(O),order:ne.HIGH,parse:pe,render:function(n,e,t){return a("br",{key:t.key})}},t[2]={match:Fn(M),order:ne.HIGH,parse:pe,render:function(n,e,t){return a("hr",{key:t.key})}},t[3]={match:Fn(A),order:ne.MAX,parse:function(n){return{lang:void 0,text:n[0].replace(/^ {4}/gm,"").replace(/\n+$/,"")}},render:function(n,e,t){return a("pre",{key:t.key},a("code",g({},n.attrs,{className:n.lang?"lang-"+n.lang:""}),n.text))}},t[4]={match:Fn(I),order:ne.MAX,parse:function(n){return{attrs:i(n[3]||""),lang:n[2]||void 0,text:n[4],type:3}}},t[5]={match:Bn(j),order:ne.LOW,parse:function(n){return{text:n[2]}},render:function(n,e,t){return a("code",{key:t.key},n.text)}},t[6]={match:Fn(z),order:ne.MAX,parse:function(n){return c.push({footnote:n[2],identifier:n[1]}),{}},render:me},t[7]={match:Un(G),order:ne.HIGH,parse:function(n){return{target:"#"+e.slugify(n[1]),text:n[1]}},render:function(n,e,t){return a("a",{key:t.key,href:Vn(n.target)},a("sup",{key:t.key},n.text))}},t[8]={match:Un(T),order:ne.HIGH,parse:function(n){return{_completed:"x"===n[1].toLowerCase()}},render:function(n,e,t){return a("input",{checked:n._completed,key:t.key,readOnly:!0,type:"checkbox"})}},t[9]={match:Fn(e.enforceAtxHeadings?_:$),order:ne.HIGH,parse:function(n,t,r){return{content:Kn(t,n[2],r),_id:e.slugify(n[2]),level:n[1].length}},render:function(n,e,t){return a("h"+n.level,{id:n._id,key:t.key},e(n.content,t))}},t[10]={match:Fn(R),order:ne.MAX,parse:function(n,e,t){return{content:Kn(e,n[1],t),level:"="===n[2]?1:2,type:9}}},t[12]={match:Zn(W),order:ne.HIGH,parse:function(){return{}},render:me},t[14]={match:Bn($n),order:ne.HIGH,parse:function(n){return{alt:n[1],target:Jn(n[2]),title:n[3]}},render:function(n,e,t){return a("img",{key:t.key,alt:n.alt||void 0,title:n.title||void 0,src:Vn(n.target)})}},t[15]={match:Un(Tn),order:ne.LOW,parse:function(n,e,t){return{content:Qn(e,n[1],t),target:Jn(n[2]),title:n[3]}},render:function(n,e,t){return a("a",{key:t.key,href:Vn(n.target),title:n.title},e(n.content,t))}},t[16]={match:Un(Z),order:ne.MAX,parse:function(n){return{content:[{text:n[1],type:27}],target:n[1],type:15}}},t[17]={match:function(n,e){return e.inAnchor?null:Un(B)(n,e)},order:ne.MAX,parse:function(n){return{content:[{text:n[1],type:27}],target:n[1],title:void 0,type:15}}},t[18]={match:Un(F),order:ne.MAX,parse:function(n){var e=n[1],t=n[1];return b.test(t)||(t="mailto:"+t),{content:[{text:e.replace("mailto:",""),type:27}],target:t,type:15}}},t[20]=Ln(a,1),t[33]=Ln(a,2),t[19]={match:Fn(C),order:ne.LOW,parse:pe,render:function(){return"\n"}},t[21]={match:qn,order:ne.LOW,parse:de,render:function(n,e,t){return a("p",{key:t.key},e(n.content,t))}},t[22]={match:Un(J),order:ne.MAX,parse:function(n){return u[n[1]]={target:n[2],title:n[4]},{}},render:me},t[23]={match:Bn(K),order:ne.MAX,parse:function(n){return{alt:n[1]||void 0,ref:n[2]}},render:function(n,e,t){return a("img",{key:t.key,alt:n.alt,src:Vn(u[n.ref].target),title:u[n.ref].title})}},t[24]={match:Un(Q),order:ne.MAX,parse:function(n,e,t){return{content:e(n[1],t),fallbackContent:e(n[0].replace(Y,"\\$1"),t),ref:n[2]}},render:function(n,e,t){return u[n.ref]?a("a",{key:t.key,href:Vn(u[n.ref].target),title:u[n.ref].title},e(n.content,t)):a("span",{key:t.key},e(n.fallbackContent,t))}},t[25]={match:Fn(V),order:ne.HIGH,parse:Nn,render:function(n,e,t){return a("table",{key:t.key},a("thead",null,a("tr",null,n.header.map(function(r,o){return a("th",{key:o,style:Dn(n,o)},e(r,t))}))),a("tbody",null,n.cells.map(function(r,o){return a("tr",{key:o},r.map(function(r,o){return a("td",{key:o,style:Dn(n,o)},e(r,t))}))})))}},t[26]={match:function(n,e){return e.inTable?(e.inline=!0,tn.exec(n)):null},order:ne.HIGH,parse:function(){return{type:26}},render:function(){return" | "}},t[27]={match:Zn(mn),order:ne.MIN,parse:function(n){return{text:n[0].replace(P,function(n,t){return e.namedCodesToUnicode[t]?e.namedCodesToUnicode[t]:n})}},render:function(n){return n.text}},t[28]={match:Bn(un),order:ne.MED,parse:function(n,e,t){return{content:e(n[2],t)}},render:function(n,e,t){return a("strong",{key:t.key},e(n.content,t))}},t[29]={match:Bn(sn),order:ne.LOW,parse:function(n,e,t){return{content:e(n[2],t)}},render:function(n,e,t){return a("em",{key:t.key},e(n.content,t))}},t[30]={match:Bn(pn),order:ne.HIGH,parse:function(n){return{text:n[1],type:27}}},t[31]={match:Bn(fn),order:ne.LOW,parse:de,render:function(n,e,t){return a("mark",{key:t.key},e(n.content,t))}},t[32]={match:Bn(dn),order:ne.LOW,parse:de,render:function(n,e,t){return a("del",{key:t.key},e(n.content,t))}},t);!0!==e.disableParsingRawHTML&&(s[11]={match:Zn(X),order:ne.HIGH,parse:function(n,e,t){var r,a=n[3].match(hn),o=new RegExp("^"+a[1],"gm"),l=n[3].replace(o,""),c=(r=l,Rn.some(function(n){return n.test(r)})?Yn:Kn),u=n[1].toLowerCase(),s=-1!==k.indexOf(u),f={attrs:i(n[2]),noInnerParse:s,tag:s?u:n[1]};return t.inAnchor=t.inAnchor||"a"===u,s?f.text=n[3]:f.content=c(e,l,t),t.inAnchor=!1,f},render:function(n,e,t){return a(n.tag,g({key:t.key},n.attrs),n.text||e(n.content,t))}},s[13]={match:Zn(D),order:ne.HIGH,parse:function(n){return{attrs:i(n[2]||""),tag:n[1]}},render:function(n,e,t){return a(n.tag,g({},n.attrs,{key:t.key}))}});var f,d=function(n){var e=Object.keys(n);function t(r,a){for(var o=[],i="";r;)for(var l=0;l=0||(a[t]=n[t]);return a}(n,h);return l.cloneElement(ve(e,t),r)}function xe(){var n=l.useState(document.getElementById("sample-content").textContent.trim()),e=n[0],t=n[1],r=l.useCallback(function(n){return t(n.target.value)},[]);/*#__PURE__*/return l.createElement("main",null,/*#__PURE__*/l.createElement(we,null),/*#__PURE__*/l.createElement(He,null,/*#__PURE__*/l.createElement("a",{target:"_blank",href:"https://github.com/probablyup/markdown-to-jsx",title:"Check out the markdown-to-jsx source code",rel:"noopener noreferrer"},/*#__PURE__*/l.createElement("img",{src:"./images/logo.svg",alt:"markdown-to-jsx logo"})),/*#__PURE__*/l.createElement(Oe,null,/*#__PURE__*/l.createElement("h1",null,/*#__PURE__*/l.createElement("code",null,"markdown-to-jsx")," is an easy-to-use markdown component that takes Github-flavored Markdown (GFM) and makes native JSX without dangerous hacks. "),/*#__PURE__*/l.createElement("h2",null,"It's lightweight, customizable, and happily supports React-like libraries.")),/*#__PURE__*/l.createElement(Me,null,"See the"," ",/*#__PURE__*/l.createElement("a",{target:"_blank",href:"https://github.com/probablyup/markdown-to-jsx/blob/main/README.md",rel:"noopener noreferrer"},"project README")," ","for detailed installation & usage instructions.")),/*#__PURE__*/l.createElement(Ae,null,/*#__PURE__*/l.createElement(je,{onInput:r,value:e}),/*#__PURE__*/l.createElement(Ce,null,/*#__PURE__*/l.createElement(ke,{options:ze},e))))}(ee=ne||(ne={}))[ee.MAX=0]="MAX",ee[ee.HIGH=1]="HIGH",ee[ee.MED=2]="MED",ee[ee.LOW=3]="LOW",ee[ee.MIN=4]="MIN";var be="rgba(255, 255, 255, 0.5)",Ee="#fefefe",we=t.createGlobalStyle(te||(te=d(["\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: border-box;\n\t\toutline-color: ",";\n\t}\n\n\thtml,\n\tbody,\n\t#root,\n\tmain {\n\t\tmargin: 0;\n\t\tmin-height: 100vh;\n\t}\n\n\thtml {\n\t\tbackground: #222;\n\t\tcolor: ",";\n\t\tfont-family: Inter, Helvetica Neue, Helvetica, sans-serif;\n\t\tfont-size: 14px;\n\t\tline-height: 1.5;\n\t}\n\n\th1,\n\th2,\n\th3,\n\th4,\n\th5,\n\th6 {\n\t\tmargin: 0 0 1rem;\n text-wrap: balance;\n\t}\n\n\th1 {\n\t\tfont-size: 2rem;\n\t}\n\n\th2 {\n\t\tfont-size: 1.8rem;\n\t}\n\n\th3 {\n\t\tfont-size: 1.6rem;\n\t}\n\n\th4 {\n\t\tfont-size: 1.4rem;\n\t}\n\n\th5 {\n\t\tfont-size: 1.2rem;\n\t}\n\n\th6 {\n\t\tfont-size: 1rem;\n\t}\n\n\ta {\n\t\tcolor: ",";\n\t\ttransition: color 200ms ease;\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tcolor: color-mix(in srgb, "," 75%, transparent);\n\t\t}\n\t}\n\n\tcode {\n\t\tbackground: color-mix(in srgb, "," 25%, transparent);\n\t\tdisplay: inline-block;\n\t\tpadding: 0 2px;\n\t}\n\n\tpre code {\n\t\tbackground: transparent;\n\t\tborder: 0;\n\t\tdisplay: block;\n\t\tpadding: 1em;\n\t}\n\n\tmain {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tpadding: 3rem 1.5rem 0;\n\t\tmargin: 0;\n\n\t\t@media all and (min-width: 1024px) {\n\t\t\tpadding: 3rem;\n\t\t}\n\t}\n\n p {\n text-wrap: balance;\n }\n"])),be,Ee,be,be,be),He=u.default.header(re||(re=d(["\n flex-shrink: 0;\n margin-bottom: 2em;\n text-align: center;\n\n img {\n height: 100px;\n }\n"]))),Oe=u.default.p(ae||(ae=d(["\n font-size: 16px;\n margin-left: auto;\n margin-right: auto;\n max-width: 60vw;\n\n h1,\n h2 {\n font: inherit;\n }\n\n @media all and (max-width: 500px) {\n max-width: none;\n }\n\n @media all and (max-width: 1023px) {\n h1,\n h2 {\n display: block;\n margin-bottom: 1.5rem;\n }\n }\n"]))),Me=u.default.p(oe||(oe=d(["\n color: color-mix(in srgb, "," 20%, white);\n"])),Ee),Ie=t.css(ie||(ie=d(["\n flex: 0 0 50%;\n padding: 1em;\n"]))),Ae=u.default.section(le||(le=d(["\n display: flex;\n flex-grow: 1;\n margin-left: -1.5rem;\n margin-right: -1.5rem;\n\n @media all and (min-width: 1024px) {\n margin-left: 0;\n margin-right: 0;\n }\n\n @media all and (max-width: 500px) {\n flex-direction: column;\n }\n"]))),je=u.default.textarea(ce||(ce=d(["\n ",";\n background: color-mix(in srgb, "," 10%, transparent);\n border: 0;\n color: inherit;\n position: sticky;\n top: 0;\n font-family: 'Source Code Pro', Consolas, Monaco, monospace;\n font-size: inherit;\n max-height: 100vh;\n\n @media all and (max-width: 500px) {\n height: 300px;\n position: relative;\n }\n"])),Ie,be),Ce=u.default.div(ue||(ue=d(["\n ",";\n padding-left: 2rem;\n padding-right: 1rem;\n overflow: auto;\n overflow-x: hidden;\n"])),Ie),Se=u.default.button(se||(se=d(["\n background: #444;\n color: #ddd;\n cursor: pointer;\n font: inherit;\n transition: background 200ms ease;\n\n &:hover,\n &:focus {\n background: #222;\n }\n\n &:active {\n background: #000;\n }\n"]))),ze={overrides:{MyComponent:{component:function(n){/*#__PURE__*/return l.createElement(Se,f({},n,{onClick:function(){alert("Look ma, I'm a real component!")}}))}}},renderRule:function(n,e,t,r){return 3===e.type&&"latex"===e.lang?/*#__PURE__*/l.createElement(m,{as:"div",key:r.key,style:{margin:"1.5em 0"}},String.raw(fe||(fe=d(["",""])),e.text)):n()}};c.render(/*#__PURE__*/l.createElement(xe,null),document.getElementById("root"))}(React,ReactDOM,styled,katex); //# sourceMappingURL=markdown-to-jsx.js.map diff --git a/docs/markdown-to-jsx.js.map b/docs/markdown-to-jsx.js.map index 66848abc..28bab87c 100644 --- a/docs/markdown-to-jsx.js.map +++ b/docs/markdown-to-jsx.js.map @@ -1 +1 @@ -{"version":3,"file":"markdown-to-jsx.js","sources":["../dist/index.module.js","../site.tsx"],"sourcesContent":["import*as n from\"react\";function r(){return r=Object.assign?Object.assign.bind():function(n){for(var r=1;r\",lt:\"<\",nbsp:\" \",quot:\"“\"},u=[\"style\",\"script\"],a=/([-A-Z0-9_:]+)(?:\\s*=\\s*(?:(?:\"((?:\\\\.|[^\"])*)\")|(?:'((?:\\\\.|[^'])*)')|(?:\\{((?:\\\\.|{[^}]*?}|[^}])*)\\})))?/gi,c=/mailto:/i,i=/\\n{2,}$/,_=/^( *>[^\\n]+(\\n[^\\n]+)*\\n*)+\\n{2,}/,f=/^ *> ?/gm,l=/^ {2,}\\n/,s=/^(?:( *[-*_])){3,} *(?:\\n *)+\\n/,d=/^\\s*(`{3,}|~{3,}) *(\\S+)?([^\\n]*?)?\\n([\\s\\S]+?)\\s*\\1 *(?:\\n *)*\\n?/,p=/^(?: {4}[^\\n]+\\n*)+(?:\\n *)+\\n?/,m=/^(`+)\\s*([\\s\\S]*?[^`])\\s*\\1(?!`)/,g=/^(?:\\n *)*\\n/,v=/\\r\\n?/g,y=/^\\[\\^([^\\]]+)](:.*)\\n/,h=/^\\[\\^([^\\]]+)]/,k=/\\f/g,x=/^\\s*?\\[(x|\\s)\\]/,b=/^ *(#{1,6}) *([^\\n]+?)(?: +#*)?(?:\\n *)*(?:\\n|$)/,S=/^ *(#{1,6}) +([^\\n]+?)(?: +#*)?(?:\\n *)*(?:\\n|$)/,$=/^([^\\n]+)\\n *(=|-){3,} *(?:\\n *)+\\n/,z=/^ *(?!<[a-z][^ >/]* ?\\/>)<([a-z][^ >/]*) ?([^>]*)\\/{0}>\\n?(\\s*(?:<\\1[^>]*?>[\\s\\S]*?<\\/\\1>|(?!<\\1)[\\s\\S])*?)<\\/\\1>\\n*/i,w=/&([a-z0-9]+|#[0-9]{1,6}|#x[0-9a-fA-F]{1,6});/gi,A=/^)/,H=/^(data|aria|x)-[a-z_][a-z\\d_.-]*$/,E=/^ *<([a-z][a-z0-9:]*)(?:\\s+((?:<.*?>|[^>])*))?\\/?>(?!<\\/\\1>)(\\s*\\n)?/i,L=/^\\{.*\\}$/,M=/^(https?:\\/\\/[^\\s<]+[^<.,:;\"')\\]\\s])/,O=/^<([^ >]+@[^ >]+)>/,I=/^<([^ >]+:\\/[^ >]+)>/,j=/-([a-z])?/gi,B=/^(.*\\|?.*)\\n *(\\|? *[-:]+ *\\|[-| :]*)\\n((?:.*\\|.*\\n)*)\\n?/,R=/^\\[([^\\]]*)\\]:\\s+]+)>?\\s*(\"([^\"]*)\")?/,T=/^!\\[([^\\]]*)\\] ?\\[([^\\]]*)\\]/,C=/^\\[([^\\]]*)\\] ?\\[([^\\]]*)\\]/,D=/(\\[|\\])/g,F=/(\\n|^[-*]\\s|^#|^ {2,}|^-{2,}|^>\\s)/,N=/\\t/g,P=/^ *\\| */,Z=/(^ *\\||\\| *$)/g,G=/ *$/,q=/^ *:-+: *$/,U=/^ *:-+ *$/,V=/^ *-+: *$/,W=/^([*_])\\1((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\\1\\1(?!\\1)/,Q=/^([*_])((?:\\[.*?\\][([].*?[)\\]]|<.*?>(?:.*?<.*?>)?|`.*?`|~+.*?~+|.)*?)\\1(?!\\1|\\w)/,X=/^==((?:\\[.*?\\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)==/,J=/^~~((?:\\[.*?\\]|<.*?>(?:.*?<.*?>)?|`.*?`|.)*?)~~/,K=/^\\\\([^0-9A-Za-z\\s])/,Y=/^[\\s\\S]+?(?=[^0-9A-Z\\s\\u00c0-\\uffff&#;.()'\"]|\\d+\\.|\\n\\n| {2,}\\n|\\w+:\\S|$)/i,nn=/^\\n+/,rn=/^([ \\t]*)/,tn=/\\\\([^\\\\])/g,en=/ *\\n+$/,on=/(?:^|\\n)( *)$/,un=\"(?:\\\\d+\\\\.)\",an=\"(?:[*+-])\";function cn(n){return\"( *)(\"+(1===n?un:an)+\") +\"}var _n=cn(1),fn=cn(2);function ln(n){return new RegExp(\"^\"+(1===n?_n:fn))}var sn=ln(1),dn=ln(2);function pn(n){return new RegExp(\"^\"+(1===n?_n:fn)+\"[^\\\\n]*(?:\\\\n(?!\\\\1\"+(1===n?un:an)+\" )[^\\\\n]*)*(\\\\n|$)\",\"gm\")}var mn=pn(1),gn=pn(2);function vn(n){var r=1===n?un:an;return new RegExp(\"^( *)(\"+r+\") [\\\\s\\\\S]+?(?:\\\\n{2,}(?! )(?!\\\\1\"+r+\" (?!\"+r+\" ))\\\\n*|\\\\s*\\\\n*$)\")}var yn=vn(1),hn=vn(2);function kn(n,r){var t=1===r,e=t?yn:hn,o=t?mn:gn,u=t?sn:dn;return{t:function(n,r,t){var o=on.exec(t);return o&&(r.o||!r.u&&!r.i)?e.exec(n=o[1]+n):null},_:Fn.HIGH,l:function(n,r,e){var a=t?+n[2]:void 0,c=n[0].replace(i,\"\\n\").match(o),_=!1;return{p:c.map(function(n,t){var o=u.exec(n)[0].length,a=new RegExp(\"^ {1,\"+o+\"}\",\"gm\"),i=n.replace(a,\"\").replace(u,\"\"),f=t===c.length-1,l=-1!==i.indexOf(\"\\n\\n\")||f&&_;_=l;var s,d=e.u,p=e.o;e.o=!0,l?(e.u=!1,s=i.replace(en,\"\\n\\n\")):(e.u=!0,s=i.replace(en,\"\"));var m=r(s,e);return e.u=d,e.o=p,m}),m:t,g:a}},v:function(r,t,e){return n(r.m?\"ol\":\"ul\",{key:e.h,start:r.g},r.p.map(function(r,o){return n(\"li\",{key:o},t(r,e))}))}}}var xn=/^\\[([^\\]]*)]\\( *((?:\\([^)]*\\)|[^() ])*) *\"?([^)\"]*)?\"?\\)/,bn=/^!\\[([^\\]]*)]\\( *((?:\\([^)]*\\)|[^() ])*) *\"?([^)\"]*)?\"?\\)/,Sn=[_,d,p,b,$,S,A,B,mn,yn,gn,hn],$n=[].concat(Sn,[/^[^\\n]+(?: \\n|\\n{2,})/,z,E]);function zn(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 wn(n){return V.test(n)?\"right\":q.test(n)?\"center\":U.test(n)?\"left\":null}function An(n,r,t){var e=t.k;t.k=!0;var o=r(n.trim(),t);t.k=e;var u=[[]];return o.forEach(function(n,r){\"tableSeparator\"===n.type?0!==r&&r!==o.length-1&&u.push([]):(\"text\"!==n.type||null!=o[r+1]&&\"tableSeparator\"!==o[r+1].type||(n.S=n.S.replace(G,\"\")),u[u.length-1].push(n))}),u}function Hn(n,r,t){t.u=!0;var e=An(n[1],r,t),o=n[2].replace(Z,\"\").split(\"|\").map(wn),u=function(n,r,t){return n.trim().split(\"\\n\").map(function(n){return An(n,r,t)})}(n[3],r,t);return t.u=!1,{$:o,A:u,H:e,type:\"table\"}}function En(n,r){return null==n.$[r]?{}:{textAlign:n.$[r]}}function Ln(n){return function(r,t){return t.u?n.exec(r):null}}function Mn(n){return function(r,t){return t.u||t.i?n.exec(r):null}}function On(n){return function(r,t){return t.u||t.i?null:n.exec(r)}}function In(n){return function(r){return n.exec(r)}}function jn(n,r,t){if(r.u||r.i)return null;if(t&&!t.endsWith(\"\\n\"))return null;var e=\"\";n.split(\"\\n\").every(function(n){return!Sn.some(function(r){return r.test(n)})&&(e+=n+\"\\n\",n.trim())});var o=e.trimEnd();return\"\"==o?null:[e,o]}function Bn(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 Rn(n){return n.replace(tn,\"$1\")}function Tn(n,r,t){var e=t.u||!1,o=t.i||!1;t.u=!0,t.i=!0;var u=n(r,t);return t.u=e,t.i=o,u}function Cn(n,r,t){var e=t.u||!1,o=t.i||!1;t.u=!1,t.i=!0;var u=n(r,t);return t.u=e,t.i=o,u}function Dn(n,r,t){return t.u=!1,n(r,t)}var Fn,Nn=function(n,r,t){return{S:Tn(r,n[1],t)}};function Pn(){return{}}function Zn(){return null}function Gn(){return[].slice.call(arguments).filter(Boolean).join(\" \")}function qn(n,r,t){for(var e=n,o=r.split(\".\");o.length&&void 0!==(e=e[o[0]]);)o.shift();return e||t}function Un(n,r){var t=qn(r,n);return t?\"function\"==typeof t||\"object\"==typeof t&&\"render\"in t?t:qn(r,n+\".component\",n):n}function Vn(t,i){void 0===i&&(i={}),i.overrides=i.overrides||{},i.slugify=i.slugify||zn,i.namedCodesToUnicode=i.namedCodesToUnicode?r({},o,i.namedCodesToUnicode):o;var Z=i.createElement||n.createElement;function G(n,t){var e=qn(i.overrides,n+\".props\",{});return Z.apply(void 0,[Un(n,i.overrides),r({},t,e,{className:Gn(null==t?void 0:t.className,e.className)||void 0})].concat([].slice.call(arguments,2)))}function q(r){var t=!1;i.forceInline?t=!0:i.forceBlock||(t=!1===F.test(r));for(var e=an(un(t?r:r.trimEnd().replace(nn,\"\")+\"\\n\\n\",{u:t}));\"string\"==typeof e[e.length-1]&&!e[e.length-1].trim();)e.pop();if(null===i.wrapper)return e;var o,u=i.wrapper||(t?\"span\":\"div\");if(e.length>1||i.forceWrapper)o=e;else{if(1===e.length)return\"string\"==typeof(o=e[0])?G(\"span\",{key:\"outer\"},o):o;o=null}return n.createElement(u,{key:\"outer\"},o)}function U(r){var t=r.match(a);return t?t.reduce(function(r,t,o){var u=t.indexOf(\"=\");if(-1!==u){var a=function(n){return-1!==n.indexOf(\"-\")&&null===n.match(H)&&(n=n.replace(j,function(n,r){return r.toUpperCase()})),n}(t.slice(0,u)).trim(),c=function(n){var r=n[0];return('\"'===r||\"'\"===r)&&n.length>=2&&n[n.length-1]===r?n.slice(1,-1):n}(t.slice(u+1).trim()),i=e[a]||a,_=r[i]=function(n,r){return\"style\"===n?r.split(/;\\s?/).reduce(function(n,r){var t=r.slice(0,r.indexOf(\":\"));return n[t.replace(/(-[a-z])/g,function(n){return n[1].toUpperCase()})]=r.slice(t.length+1).trim(),n},{}):\"href\"===n?Bn(r):(r.match(L)&&(r=r.slice(1,r.length-1)),\"true\"===r||\"false\"!==r&&r)}(a,c);\"string\"==typeof _&&(z.test(_)||E.test(_))&&(r[i]=n.cloneElement(q(_.trim()),{key:o}))}else\"style\"!==t&&(r[e[t]||t]=!0);return r},{}):null}var V=[],tn={},en={blockQuote:{t:On(_),_:Fn.HIGH,l:function(n,r,t){return{S:r(n[0].replace(f,\"\"),t)}},v:function(n,r,t){return G(\"blockquote\",{key:t.h},r(n.S,t))}},breakLine:{t:In(l),_:Fn.HIGH,l:Pn,v:function(n,r,t){return G(\"br\",{key:t.h})}},breakThematic:{t:On(s),_:Fn.HIGH,l:Pn,v:function(n,r,t){return G(\"hr\",{key:t.h})}},codeBlock:{t:On(p),_:Fn.MAX,l:function(n){return{S:n[0].replace(/^ {4}/gm,\"\").replace(/\\n+$/,\"\"),L:void 0}},v:function(n,t,e){return console.log(\"AHHHHHHHH\"),\"latex\"===n.L?G(\"div\",{key:e.h},n.S):G(\"pre\",{key:e.h},G(\"code\",r({},n.M,{className:n.L?\"lang-\"+n.L:\"\"}),n.S))}},codeFenced:{t:On(d),_:Fn.MAX,l:function(n){return console.log(n),{M:U(n[3]||\"\"),S:n[4],L:n[2]||void 0,type:\"codeBlock\"}}},codeInline:{t:Mn(m),_:Fn.LOW,l:function(n){return{S:n[2]}},v:function(n,r,t){return G(\"code\",{key:t.h},n.S)}},footnote:{t:On(y),_:Fn.MAX,l:function(n){return V.push({O:n[2],I:n[1]}),{}},v:Zn},footnoteReference:{t:Ln(h),_:Fn.HIGH,l:function(n){return{S:n[1],j:\"#\"+i.slugify(n[1])}},v:function(n,r,t){return G(\"a\",{key:t.h,href:Bn(n.j)},G(\"sup\",{key:t.h},n.S))}},gfmTask:{t:Ln(x),_:Fn.HIGH,l:function(n){return{B:\"x\"===n[1].toLowerCase()}},v:function(n,r,t){return G(\"input\",{checked:n.B,key:t.h,readOnly:!0,type:\"checkbox\"})}},heading:{t:On(i.enforceAtxHeadings?S:b),_:Fn.HIGH,l:function(n,r,t){return{S:Tn(r,n[2],t),R:i.slugify(n[2]),T:n[1].length}},v:function(n,r,t){return G(\"h\"+n.T,{id:n.R,key:t.h},r(n.S,t))}},headingSetext:{t:On($),_:Fn.MAX,l:function(n,r,t){return{S:Tn(r,n[1],t),T:\"=\"===n[2]?1:2,type:\"heading\"}}},htmlComment:{t:In(A),_:Fn.HIGH,l:function(){return{}},v:Zn},image:{t:Mn(bn),_:Fn.HIGH,l:function(n){return{C:n[1],j:Rn(n[2]),D:n[3]}},v:function(n,r,t){return G(\"img\",{key:t.h,alt:n.C||void 0,title:n.D||void 0,src:Bn(n.j)})}},link:{t:Ln(xn),_:Fn.LOW,l:function(n,r,t){return{S:Cn(r,n[1],t),j:Rn(n[2]),D:n[3]}},v:function(n,r,t){return G(\"a\",{key:t.h,href:Bn(n.j),title:n.D},r(n.S,t))}},linkAngleBraceStyleDetector:{t:Ln(I),_:Fn.MAX,l:function(n){return{S:[{S:n[1],type:\"text\"}],j:n[1],type:\"link\"}}},linkBareUrlDetector:{t:function(n,r){return r.F?null:Ln(M)(n,r)},_:Fn.MAX,l:function(n){return{S:[{S:n[1],type:\"text\"}],j:n[1],D:void 0,type:\"link\"}}},linkMailtoDetector:{t:Ln(O),_:Fn.MAX,l:function(n){var r=n[1],t=n[1];return c.test(t)||(t=\"mailto:\"+t),{S:[{S:r.replace(\"mailto:\",\"\"),type:\"text\"}],j:t,type:\"link\"}}},orderedList:kn(G,1),unorderedList:kn(G,2),newlineCoalescer:{t:On(g),_:Fn.LOW,l:Pn,v:function(){return\"\\n\"}},paragraph:{t:jn,_:Fn.LOW,l:Nn,v:function(n,r,t){return G(\"p\",{key:t.h},r(n.S,t))}},ref:{t:Ln(R),_:Fn.MAX,l:function(n){return tn[n[1]]={j:n[2],D:n[4]},{}},v:Zn},refImage:{t:Mn(T),_:Fn.MAX,l:function(n){return{C:n[1]||void 0,N:n[2]}},v:function(n,r,t){return G(\"img\",{key:t.h,alt:n.C,src:Bn(tn[n.N].j),title:tn[n.N].D})}},refLink:{t:Ln(C),_:Fn.MAX,l:function(n,r,t){return{S:r(n[1],t),P:r(n[0].replace(D,\"\\\\$1\"),t),N:n[2]}},v:function(n,r,t){return tn[n.N]?G(\"a\",{key:t.h,href:Bn(tn[n.N].j),title:tn[n.N].D},r(n.S,t)):G(\"span\",{key:t.h},r(n.P,t))}},table:{t:On(B),_:Fn.HIGH,l:Hn,v:function(n,r,t){return G(\"table\",{key:t.h},G(\"thead\",null,G(\"tr\",null,n.H.map(function(e,o){return G(\"th\",{key:o,style:En(n,o)},r(e,t))}))),G(\"tbody\",null,n.A.map(function(e,o){return G(\"tr\",{key:o},e.map(function(e,o){return G(\"td\",{key:o,style:En(n,o)},r(e,t))}))})))}},tableSeparator:{t:function(n,r){return r.k?(r.u=!0,P.exec(n)):null},_:Fn.HIGH,l:function(){return{type:\"tableSeparator\"}},v:function(){return\" | \"}},text:{t:In(Y),_:Fn.MIN,l:function(n){return{S:n[0].replace(w,function(n,r){return i.namedCodesToUnicode[r]?i.namedCodesToUnicode[r]:n})}},v:function(n){return n.S}},textBolded:{t:Mn(W),_:Fn.MED,l:function(n,r,t){return{S:r(n[2],t)}},v:function(n,r,t){return G(\"strong\",{key:t.h},r(n.S,t))}},textEmphasized:{t:Mn(Q),_:Fn.LOW,l:function(n,r,t){return{S:r(n[2],t)}},v:function(n,r,t){return G(\"em\",{key:t.h},r(n.S,t))}},textEscaped:{t:Mn(K),_:Fn.HIGH,l:function(n){return{S:n[1],type:\"text\"}}},textMarked:{t:Mn(X),_:Fn.LOW,l:Nn,v:function(n,r,t){return G(\"mark\",{key:t.h},r(n.S,t))}},textStrikethroughed:{t:Mn(J),_:Fn.LOW,l:Nn,v:function(n,r,t){return G(\"del\",{key:t.h},r(n.S,t))}}};!0!==i.disableParsingRawHTML&&(en.htmlBlock={t:In(z),_:Fn.HIGH,l:function(n,r,t){var e,o=n[3].match(rn),a=new RegExp(\"^\"+o[1],\"gm\"),c=n[3].replace(a,\"\"),i=(e=c,$n.some(function(n){return n.test(e)})?Dn:Tn),_=n[1].toLowerCase(),f=-1!==u.indexOf(_);t.F=t.F||\"a\"===_;var l=f?n[3]:i(r,c,t);return t.F=!1,{M:U(n[2]),S:l,Z:f,G:f?_:n[1]}},v:function(n,t,e){return G(n.G,r({key:e.h},n.M),n.Z?n.S:t(n.S,e))}},en.htmlSelfClosing={t:In(E),_:Fn.HIGH,l:function(n){return{M:U(n[2]||\"\"),G:n[1]}},v:function(n,t,e){return G(n.G,r({},n.M,{key:e.h}))}});var on,un=function(n){var r=Object.keys(n);function t(e,o){for(var u=[],a=\"\";e;)for(var c=0;c=0||(o[t]=n[t]);return o}(r,t);return n.cloneElement(Vn(e,o),u)}export{Vn as compiler};\n//# sourceMappingURL=index.module.js.map\n","/* @jsx React.createElement */\nimport * as React from 'react'\nimport * as ReactDOM from 'react-dom'\nimport styled, { createGlobalStyle, css, CSSProp } from 'styled-components'\nimport Markdown from './'\n\ndeclare module 'react' {\n interface Attributes {\n css?: CSSProp\n }\n}\n\nfunction TryItLive() {\n const [markdown, setMarkdown] = React.useState(\n document.getElementById('sample-content')!.textContent!.trim()\n )\n\n const handleInput = React.useCallback(e => setMarkdown(e.target.value), [])\n\n return (\n
\n \n\n
\n \n \"markdown-to-jsx\n \n\n \n

\n markdown-to-jsx is an easy-to-use markdown component\n that takes Github-flavored Markdown (GFM) and makes native JSX\n without dangerous hacks. \n

\n

\n It's lightweight, customizable, and happily supports React-like\n libraries.\n

\n \n\n \n See the{' '}\n \n project README\n {' '}\n for detailed installation & usage instructions.\n \n
\n\n \n