From 2ad8cfb4f6ace4b4a21018d801b08a485320ede7 Mon Sep 17 00:00:00 2001 From: eug-vs Date: Thu, 7 Jan 2021 12:28:20 +0000 Subject: Updates --- static/js/main.1bea423d.chunk.js | 2 ++ static/js/main.1bea423d.chunk.js.map | 1 + static/js/main.9b394787.chunk.js | 2 -- static/js/main.9b394787.chunk.js.map | 1 - 4 files changed, 3 insertions(+), 3 deletions(-) create mode 100644 static/js/main.1bea423d.chunk.js create mode 100644 static/js/main.1bea423d.chunk.js.map delete mode 100644 static/js/main.9b394787.chunk.js delete mode 100644 static/js/main.9b394787.chunk.js.map (limited to 'static/js') diff --git a/static/js/main.1bea423d.chunk.js b/static/js/main.1bea423d.chunk.js new file mode 100644 index 0000000..612da37 --- /dev/null +++ b/static/js/main.1bea423d.chunk.js @@ -0,0 +1,2 @@ +(this["webpackJsonpreact-benzin"]=this["webpackJsonpreact-benzin"]||[]).push([[0],{100:function(e,t,n){"use strict";n.r(t);var r=n(22),a=n(2),c=n(0),i=n(10),o=n.n(i),l=n(132),s=n(144),u=n(143),d=n(139),j=n(29),b=n(135),h=n(102),p=n(136),m=Object(l.a)((function(e){var t;return{content:(t={},Object(j.a)(t,e.breakpoints.up("md"),{padding:e.spacing(2,2,1,3)}),Object(j.a)(t,e.breakpoints.down("sm"),{padding:e.spacing(2,0)}),Object(j.a)(t,"marginBottom",e.spacing(1)),t)}})),f=function(e){var t=e.sectionName,n=e.children,r=e.level,c=void 0===r?0:r,i=m(),o=Object(b.a)((function(e){return e.breakpoints.down("sm")})),l=c+2;l>6&&(l=6);var s="h".concat(l);return Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)(h.a,{variant:s,children:t}),Object(a.jsx)(p.a,{variant:o?"fullWidth":"middle"}),Object(a.jsx)(h.a,{component:"div",className:i.content,children:n})]})},v=n(62),O=n.n(v),g=n(63),x=n.n(g),w=n(65),y=n(137),k=n(138),M=(n(80),Object(w.a)({palette:{type:"dark",primary:{main:O.a[400]},secondary:{main:x.a[500]},background:{default:"#121212",paper:"#1e1e1e",elevation1:"#1e1e1e",elevation2:"#232323",elevation3:"#252525"},text:{primary:"#f4f4f4",secondary:"rgba(255, 255, 255, 0.6)"}}})),N=function(e){var t=e.children;return Object(a.jsxs)(y.a,{theme:M,children:[Object(a.jsx)(k.a,{}),t]})},L=n(64),E=n.n(L),R=n(103),I=Object(l.a)((function(e){return{root:{background:e.palette.background.default,padding:e.spacing(1),overflowX:"auto",fontFamily:"Monospace",scrollbarColor:"auto"}}})),F=function(e){var t=e.rawLines,n=I();return Object(a.jsx)(R.a,{variant:"outlined",className:n.root,children:t.map((function(e){return Object(a.jsx)("pre",{children:e})}))})},S=n(42),z=function(e){return{local:new RegExp("".concat(e,"([^").concat(e,"]+)").concat(e)),global:new RegExp("(".concat(e,"[^").concat(e,"]+").concat(e,")"))}},C={conceal:{global:/(!?\[.+?\]\(.+?\))(?!])/g,local:/!?\[(.*\]?.*)\]\((.+?)\)/},rawLink:{global:/((?:(?:[A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www\.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)(?:(?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[.!/\\\w]*))?)/,local:/&^/},emoji:z(":"),bold:z("\\*\\*"),italic:z("\\*"),code:z("`"),strikeThrough:z("~~")},D=new RegExp(Object.values(C).map((function(e){return e.global.source})).join("|")),T=[];Object.keys(S.lib).forEach((function(e){return T.push({name:e,char:S.lib[e].char})}));var H=Object(l.a)((function(e){return{code:{background:e.palette.background.default,borderRadius:e.spacing(.5),padding:e.spacing(.5),fontFamily:"Monospace"},image:{maxWidth:"100%",maxHeight:"100%"}}})),B=function e(t){var n=t.span,r=H();if(!n)return null;var c=C.conceal.local.exec(n);if(c)return"!"===n[0]?Object(a.jsx)("img",{src:c[2],alt:c[1],className:r.image}):Object(a.jsx)(d.a,{href:c[2],children:Object(a.jsx)(e,{span:c[1]})});var i=n.match(C.emoji.local);if(i){var o=T.find((function(e){return e.name===i[1]}));return Object(a.jsx)("span",{children:o?o.char:n})}var l=n.match(C.code.local);if(l)return Object(a.jsx)("span",{className:r.code,children:l[1]});var s=n.match(C.bold.local);if(s)return Object(a.jsx)("b",{children:s[1]});var u=n.match(C.italic.local);if(u)return Object(a.jsx)("i",{children:u[1]});var j=n.match(C.strikeThrough.local);return j?Object(a.jsx)("span",{style:{textDecoration:"line-through"},children:j[1]}):n.match(C.rawLink.global)?Object(a.jsx)(d.a,{href:n,children:n}):Object(a.jsx)(a.Fragment,{children:n})},A=function(e){var t=e.line;return Object(a.jsx)(a.Fragment,{children:t.split(D).map((function(e){return Object(a.jsx)(B,{span:e})}))})},$=function(e){return null!==e.match(/^\s*```.*$/)},_=function(e){return null!==e.match(/^ ?[-*] .*$/)},W=function(e,t){var n=new RegExp(""));return null!==e.match(n)},Z=function(e){return null!==e.match(/\\\|$/)},P=function e(t){var n=t.rawLines;if(!n.length)return null;var c,i=n.splice(0,1)[0];if($(i)){var o=n.findIndex((function(e){return $(e)})),l=n.splice(0,o+1).slice(0,o);c=Object(a.jsx)(F,{rawLines:l})}else if(_(i)){var s=n.findIndex((function(e){return!_(e)})),u=n.splice(0,s).slice(0,s);u.unshift(i),c=Object(a.jsx)("ul",{children:u.map((function(e){return Object(a.jsx)("li",{children:Object(a.jsx)(A,{line:e.slice(2)})})}))})}else if(c=function(e){var t=/<([^/\s]*)[^<]*[^/]>/g.exec(e);return t?t[1]:""}(i)){var d=c,j=W(i,d)?-1:n.findIndex((function(e){return W(e,d)})),b=n.splice(0,j+1);b.unshift(i),c=Object(a.jsx)("div",{dangerouslySetInnerHTML:{__html:b.join("\n")}})}else if(null!==(c=function(e){return e.match(/(<[^/\s]*[^<]*\/>)/g)}(i))){var h=c[0],p=i.split(h),m=Object(r.a)(p,2),f=m[0],v=m[1];c=Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)(A,{line:f}),Object(a.jsx)("div",{dangerouslySetInnerHTML:{__html:h}}),Object(a.jsx)(A,{line:v})]})}else if(Z(i)){var O=n.findIndex((function(e){return!Z(e)})),g=n.splice(0,O).map((function(e){return e.slice(0,-2)}));g.unshift(i.slice(0,-2)),g.push(n.splice(0,1)[0]),c=Object(a.jsx)("p",{children:g.map((function(e){return Object(a.jsx)(A,{line:e})}))})}else c=W(i,"")?null:Object(a.jsx)("p",{children:Object(a.jsx)(A,{line:i})});return Object(a.jsxs)(a.Fragment,{children:[c,Object(a.jsx)(e,{rawLines:n})]})},G=function(e){if(!e)return 0;for(var t=0;"#"===e[t];)t+=1;return t},J=function(e){var t=e.rawLines,n=e.level,r=void 0===n?0:n,c=e.SectionComponent,i=t.reduce((function(e,t){return t&&(G(t)===r&&e.push([]),e.length&&e[e.length-1].push(t)),e}),[]).map((function(e){return Object(a.jsx)(c,{rawLines:e,level:r})}));return Object(a.jsx)(a.Fragment,{children:i})},Y=function e(t){var n=t.rawLines,r=t.level,c=void 0===r?0:r,i=n.findIndex((function(e){return e.match("^#{".concat(c+1,",} .*$"))})),o=n.splice(0,i<0?n.length:i);if(!c)return Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)(h.a,{children:Object(a.jsx)(P,{rawLines:o})}),Object(a.jsx)(J,{rawLines:n,level:G(n[0]),SectionComponent:e})]});var l=o.splice(0,1)[0].slice(c).trim(),s=G(n[0]);return Object(a.jsxs)(f,{sectionName:l,level:c,children:[Object(a.jsx)(P,{rawLines:o}),Object(a.jsx)(J,{rawLines:n,level:s,SectionComponent:e})]})},X=function(e){var t=e.data,n=e.url,i=Object(c.useState)(t||""),o=Object(r.a)(i,2),l=o[0],s=o[1];n&&E.a.get(n).then((function(e){return s(e.data)})),Object(c.useEffect)((function(){n||s(t||"")}),[t,n]);var u=(null===n||void 0===n?void 0:n.slice(0,n.lastIndexOf("/")))||"",d=l.split(/\r?\n/).map((function(e){return function(e,t){return e.replace(/src="(?!http)(.*)"[\s>]/,(function(e,n){return'src="'.concat(t,"/").concat(n,'?sanitize=true"')})).replace(/\[(.*\]?.*)\]\((?!http)(.+?)\)/,(function(e,n,r){return"[".concat(n,"](").concat(t,"/").concat(r,")")}))}(e,u)}));return Object(a.jsx)(Y,{rawLines:d})},q=n(140),K=n(141),Q=n(145),U=n(142),V=Object(l.a)((function(e){return{root:{background:e.palette.background.elevation2,color:e.palette.text.primary,paddingLeft:e.spacing(3)},logo:{margin:e.spacing(0,3,0,1)},tab:{"& .MuiTab-wrapper":{padding:e.spacing(2),flexDirection:"row",fontSize:"0.8125rem","& svg":{marginRight:e.spacing(1),marginBottom:"0 !important"}}}}})),ee=function(e){var t=e.logo,n=e.contents,r=e.page,c=e.setPage,i=V();return Object(a.jsx)(q.a,{position:"sticky",className:i.root,children:Object(a.jsxs)(K.a,{children:[t.icon,Object(a.jsx)(h.a,{variant:"h5",className:i.logo,color:"primary",children:t.title}),Object(a.jsx)(Q.a,{onChange:function(e,t){c(t)},value:r,children:n&&Object.keys(n).map((function(e){return Object(a.jsx)(U.a,{label:e,icon:n[e],value:e,className:i.tab},e)}))})]})})},te=n(43),ne=Object(l.a)((function(e){return{surface:{position:"absolute",display:"flex",flexDirection:"column",overflowY:"auto",scrollbarColor:"".concat(e.palette.secondary.dark," ").concat(e.palette.secondary.light),"& a.MuiTypography-root":{color:e.palette.primary.light}}}})),re=function(e){var t=e.size,n=e.position,r=e.children,c=ne();return Object(a.jsx)(R.a,{variant:"outlined",style:Object(te.a)(Object(te.a)({},t),n),className:c.surface,children:r})},ae=Object(l.a)((function(e){return{header:{padding:e.spacing(1,0,1,2),background:e.palette.background.elevation2}}})),ce=function(e){var t=e.type,n=e.name,r=e.children,c=ae(),i={height:"85vh"},o={bottom:"3vh"};return"primary"===t?(i.width="63vw",o.left="2vw"):"secondary"===t?(i.width="31vw",o.right="2vw"):"mono"===t&&(o.left="2vw",o.right="2vw"),Object(a.jsxs)(re,{size:i,position:o,children:[n&&Object(a.jsxs)("div",{children:[Object(a.jsx)(h.a,{variant:"h5",className:c.header,children:n}),Object(a.jsx)(p.a,{})]}),r]})},ie=n.p+"static/media/icon.50d2b01a.svg",oe=Object(l.a)((function(e){return{window:{padding:e.spacing(4)},promoButton:{display:"flex",justifyContent:"center",marginTop:e.spacing(4)}}})),le=Object(a.jsx)("img",{src:ie,width:"32px",height:"37px",alt:"logo"}),se={home:null,dotfiles:null,"material-ui":null,custom:null,"live preview":null},ue={home:"https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md","material-ui":"https://raw.githubusercontent.com/mui-org/material-ui/master/README.md",dotfiles:"https://raw.githubusercontent.com/eug-vs/dotfiles/master/.github/README.md"},de=function(){var e=Object(c.useState)(""),t=Object(r.a)(e,2),n=t[0],i=t[1],o=Object(c.useRef)(null);return Object(a.jsxs)(a.Fragment,{children:[Object(a.jsxs)(f,{sectionName:"Render custom markdown document",level:2,children:[Object(a.jsx)("p",{children:"This should be a link to a valid markdown file. Response should give the file contents. If you copy README file from GitHub, make sure you provide link to raw view."}),Object(a.jsx)("p",{children:Object(a.jsx)(s.a,{fullWidth:!0,inputRef:o,variant:"outlined",color:"secondary",label:"Markdown url"})}),Object(a.jsx)(u.a,{variant:"contained",color:"secondary",onClick:function(){var e;i((null===(e=o.current)||void 0===e?void 0:e.value)||"")},children:"Render!"})]}),Object(a.jsx)(X,{url:n})]})},je=function(e){var t=e.setLivePreviewData,n=Object(c.useRef)(null);return Object(a.jsx)(a.Fragment,{children:Object(a.jsxs)(f,{sectionName:"Markdown live preview",level:2,children:[Object(a.jsxs)("p",{children:["Start typing and see your text rendered on the left window! You can find the list of all Markdown features"," ",Object(a.jsx)(d.a,{href:"https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet",children:"here"}),". (some of them are yet in progress). We recommend starting with # Header."]}),Object(a.jsx)("p",{children:Object(a.jsx)(s.a,{fullWidth:!0,multiline:!0,inputRef:n,variant:"outlined",color:"primary",label:"Markdown",onChange:function(){var e;t((null===(e=n.current)||void 0===e?void 0:e.value)||"")}})})]})})},be=function(){var e=oe(),t=Object(c.useState)("home"),n=Object(r.a)(t,2),i=n[0],o=n[1],l=Object(c.useState)(""),s=Object(r.a)(l,2),d=s[0],j=s[1],b=ue[i],h=null===b||void 0===b?void 0:b.slice(b.lastIndexOf("/")+1),p=["## Markdown\n [Markdown file](".concat(b,") *(...").concat(h,")* that you can see on the left was parsed and rendered by **BENZIN**! :rocket:"),"Switch between tabs on the header to explore other markdown templates. :recycle: ","Templates on the left are being loaded from the [GitHub](https://github.com), though this pane is generated from plaintext. :pen:","## How do I use this feature?","```","import Markdown from 'react-benzin';","const data = '# Header\\nHello, *world!*';","ReactDOM.render(, document.getElementById('root'));","```"].join("\n"),m=Object(a.jsx)(X,{url:b});return"custom"===i?m=Object(a.jsx)(de,{}):"live preview"===i&&(m=Object(a.jsx)(X,{data:d||"# Start typing in the right window!"})),Object(a.jsxs)(N,{children:[Object(a.jsx)(ee,{logo:{icon:le,title:"BENZIN"},contents:se,page:i,setPage:o}),Object(a.jsx)(ce,{type:"primary",children:Object(a.jsx)("div",{className:e.window,children:m})}),Object(a.jsx)(ce,{type:"secondary",name:"Feature preview",children:Object(a.jsx)("div",{className:e.window,children:"live preview"===i?Object(a.jsx)(je,{setLivePreviewData:j}):Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)(X,{data:p}),Object(a.jsx)("p",{className:e.promoButton,children:Object(a.jsx)(u.a,{variant:"contained",color:"primary",size:"large",onClick:function(){o("live preview")},children:"Try it yourself!"})})]})})})]})};o.a.render(Object(a.jsx)(be,{}),document.getElementById("root"))}},[[100,1,2]]]); +//# sourceMappingURL=main.1bea423d.chunk.js.map \ No newline at end of file diff --git a/static/js/main.1bea423d.chunk.js.map b/static/js/main.1bea423d.chunk.js.map new file mode 100644 index 0000000..8f7df6b --- /dev/null +++ b/static/js/main.1bea423d.chunk.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["lib/ContentSection/ContentSection.tsx","lib/Benzin/Benzin.tsx","lib/Markdown/CodeBlock.tsx","lib/Markdown/SyntacticSpan.tsx","lib/Markdown/Text.tsx","lib/Markdown/Content.tsx","lib/Markdown/Section.tsx","lib/Markdown/Markdown.tsx","demo/Header/Header.tsx","demo/Window/WindowSurface.tsx","demo/Window/Window.tsx","assets/icon.svg","index.tsx"],"names":["useStyles","makeStyles","theme","content","breakpoints","up","padding","spacing","down","ContentSection","sectionName","children","level","classes","isMobile","useMediaQuery","adjustedLevel","variant","Typography","Divider","component","className","benzinTheme","createMuiTheme","palette","type","primary","main","orange","secondary","purple","background","default","paper","elevation1","elevation2","elevation3","text","Benzin","ThemeProvider","CssBaseline","root","overflowX","fontFamily","scrollbarColor","CodeBlock","rawLines","Paper","map","line","enclosureRegex","e","local","RegExp","global","regex","conceal","rawLink","emoji","bold","italic","code","strikeThrough","splitter","Object","values","pair","source","join","emojiList","keys","emojiLib","forEach","name","push","char","borderRadius","image","maxWidth","maxHeight","SyntacticSpan","span","matchConceal","exec","src","alt","Link","href","matchEmoji","match","find","matchCode","matchBold","matchItalic","matchStrikeThrough","style","textDecoration","Text","split","denotesCodeBlock","denotesDottedList","denotesClosingHtml","tag","declaresNoLineBreak","Content","length","buffer","splice","closeIndex","findIndex","rawLine","codeBlockLines","slice","dottedListLines","unshift","li","denotesOpenHtml","htmlLines","dangerouslySetInnerHTML","__html","denotesSelfClosingHtml","before","after","lineBreakLines","lineBreakLine","getHeaderLevel","header","SectionMapper","SectionComponent","reduce","sections","sectionLines","Section","deeperLevelIndex","rawContent","trim","deeperLevel","Markdown","data","url","useState","markdown","setMarkdown","axios","get","then","response","useEffect","baseUrl","lastIndexOf","lines","replace","resolveUrls","color","paddingLeft","logo","margin","tab","flexDirection","fontSize","marginRight","marginBottom","Header","contents","page","setPage","AppBar","position","Toolbar","icon","title","Tabs","onChange","event","newPage","value","item","Tab","label","surface","display","overflowY","dark","light","WindowSurface","size","Window","height","bottom","width","left","right","window","promoButton","justifyContent","marginTop","Icon","headerContents","home","dotfiles","custom","pageMap","CustomPage","setUrl","inputEl","useRef","TextField","fullWidth","inputRef","Button","onClick","current","LivePreviewPage","setLivePreviewData","multiline","App","livePreviewData","fileName","info","primaryWindowContent","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.1bea423d.chunk.js","sourcesContent":["import React from 'react';\n\nimport {\n Typography,\n Divider,\n makeStyles,\n useMediaQuery,\n Theme,\n} from '@material-ui/core';\n\n\ninterface PropTypes {\n sectionName: string;\n level?: number;\n}\n\nconst useStyles = makeStyles(theme => ({\n content: {\n [theme.breakpoints.up('md')]: {\n padding: theme.spacing(2, 2, 1, 3),\n },\n [theme.breakpoints.down('sm')]: {\n padding: theme.spacing(2, 0),\n },\n marginBottom: theme.spacing(1),\n },\n}));\n\nconst ContentSection: React.FC = ({ sectionName, children, level = 0 }) => {\n const classes = useStyles();\n const isMobile = useMediaQuery((theme: Theme) => theme.breakpoints.down('sm'));\n\n let adjustedLevel = level + 2; // Make everything smaller\n if (adjustedLevel > 6) adjustedLevel = 6;\n\n type Variant = 'h3' | 'h4' | 'h5' | 'h6';\n const variant: Variant = `h${adjustedLevel}` as Variant;\n\n return (\n <>\n {sectionName}\n \n \n {children}\n \n \n );\n};\n\n\nexport default ContentSection;\n","import React from 'react';\nimport orange from '@material-ui/core/colors/orange';\nimport purple from '@material-ui/core/colors/purple';\nimport { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';\nimport { CssBaseline } from '@material-ui/core';\nimport 'typeface-roboto';\n\n\ndeclare module '@material-ui/core/styles/createPalette' {\n interface TypeBackground {\n elevation1: string;\n elevation2: string;\n elevation3: string;\n }\n}\n\n\nconst benzinTheme = createMuiTheme({\n palette: {\n type: 'dark',\n primary: {\n main: orange[400],\n },\n secondary: {\n main: purple[500],\n },\n background: {\n default: '#121212',\n paper: '#1e1e1e',\n elevation1: '#1e1e1e',\n elevation2: '#232323',\n elevation3: '#252525',\n },\n text: {\n primary: '#f4f4f4',\n secondary: 'rgba(255, 255, 255, 0.6)',\n },\n },\n});\n\n\nconst Benzin: React.FC = ({ children }) => (\n \n \n {children}\n \n);\n\n\nexport default Benzin;\n\n","import React from 'react';\nimport { Paper } from '@material-ui/core';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ParserPropTypes } from './types';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n background: theme.palette.background.default,\n padding: theme.spacing(1),\n overflowX: 'auto',\n fontFamily: 'Monospace',\n scrollbarColor: 'auto',\n },\n}));\n\nconst CodeBlock: React.FC = ({ rawLines }) => {\n const classes = useStyles();\n return (\n \n {rawLines.map(line => 
{line}
)}\n \n );\n};\n\nexport default CodeBlock;\n\n","import React from 'react';\nimport { Link, makeStyles } from '@material-ui/core';\n\nimport { lib as emojiLib } from 'emojilib';\n\ninterface PropTypes {\n span: string;\n}\n\ninterface RegexPair {\n global: RegExp;\n local: RegExp;\n}\n\ninterface Emoji {\n name: string;\n char: string;\n}\n\nconst enclosureRegex = (e: string): RegexPair => ({\n local: new RegExp(`${e}([^${e}]+)${e}`),\n global: new RegExp(`(${e}[^${e}]+${e})`),\n});\n\nconst regex: Record = {\n conceal: {\n global: /(!?\\[.+?\\]\\(.+?\\))(?!])/g,\n local: /!?\\[(.*\\]?.*)\\]\\((.+?)\\)/,\n },\n rawLink: {\n // eslint-disable-next-line max-len\n global: /((?:(?:[A-Za-z]{3,9}:(?:\\/\\/)?)(?:[-;:&=+$,\\w]+@)?[A-Za-z0-9.-]+|(?:www\\.|[-;:&=+$,\\w]+@)[A-Za-z0-9.-]+)(?:(?:\\/[+~%/.\\w-_]*)?\\??(?:[-+=&;%@.\\w_]*)#?(?:[.!/\\\\\\w]*))?)/,\n local: /&^/,\n },\n emoji: enclosureRegex(':'),\n bold: enclosureRegex('\\\\*\\\\*'),\n italic: enclosureRegex('\\\\*'),\n code: enclosureRegex('`'),\n strikeThrough: enclosureRegex('~~'),\n};\n\nconst splitter = new RegExp(Object.values(regex).map(pair => pair.global.source).join('|'));\n\nconst emojiList: Emoji[] = [];\nObject.keys(emojiLib).forEach(name => emojiList.push({ name, char: emojiLib[name].char }));\n\nconst useStyles = makeStyles(theme => ({\n code: {\n background: theme.palette.background.default,\n borderRadius: theme.spacing(0.5),\n padding: theme.spacing(0.5),\n fontFamily: 'Monospace',\n },\n image: {\n maxWidth: '100%',\n maxHeight: '100%',\n },\n}));\n\nconst SyntacticSpan: React.FC = ({ span }) => {\n const classes = useStyles();\n if (!span) return null;\n\n const matchConceal = regex.conceal.local.exec(span);\n if (matchConceal) {\n if (span[0] === '!') return {matchConceal[1]};\n return ;\n }\n\n const matchEmoji = span.match(regex.emoji.local);\n if (matchEmoji) {\n const emoji = emojiList.find(e => e.name === matchEmoji[1]);\n return {emoji ? emoji.char : span};\n }\n\n const matchCode = span.match(regex.code.local);\n if (matchCode) return {matchCode[1]};\n\n const matchBold = span.match(regex.bold.local);\n if (matchBold) return {matchBold[1]};\n\n const matchItalic = span.match(regex.italic.local);\n if (matchItalic) return {matchItalic[1]};\n\n const matchStrikeThrough = span.match(regex.strikeThrough.local);\n if (matchStrikeThrough) return {matchStrikeThrough[1]};\n\n if (span.match(regex.rawLink.global)) return {span};\n\n return <>{span};\n};\n\n\nexport { splitter };\nexport default SyntacticSpan;\n\n","import React from 'react';\nimport SyntacticSpan, { splitter } from './SyntacticSpan';\n\ninterface PropTypes {\n line: string;\n}\n\nconst Text: React.FC = ({ line }) => {\n return <>{line.split(splitter).map(span => )};\n};\n\nexport default Text;\n\n","import React from 'react';\n\nimport CodeBlock from './CodeBlock';\nimport Text from './Text';\nimport { ParserPropTypes } from './types';\n\n\nconst denotesCodeBlock = (line: string): boolean => {\n return line.match(/^\\s*```.*$/) !== null;\n};\n\nconst denotesDottedList = (line: string): boolean => {\n return line.match(/^ ?[-*] .*$/) !== null;\n};\n\nconst denotesOpenHtml = (line: string): string => {\n const regex = /<([^/\\s]*)[^<]*[^/]>/g;\n const match = regex.exec(line);\n return match ? match[1] : '';\n};\n\nconst denotesClosingHtml = (line: string, tag: string): boolean => {\n const regex = new RegExp(``);\n return line.match(regex) !== null;\n};\n\nconst denotesSelfClosingHtml = (line: string): string[] | null => {\n const regex = /(<[^/\\s]*[^<]*\\/>)/g;\n return line.match(regex);\n};\n\nconst declaresNoLineBreak = (line: string): boolean => {\n return line.match(/\\\\\\|$/) !== null;\n};\n\nconst Content: React.FC = ({ rawLines }) => {\n if (!rawLines.length) return null;\n\n const line = rawLines.splice(0, 1)[0];\n\n let buffer;\n if (denotesCodeBlock(line)) {\n const closeIndex = rawLines.findIndex(rawLine => denotesCodeBlock(rawLine));\n const codeBlockLines = rawLines.splice(0, closeIndex + 1).slice(0, closeIndex);\n buffer = ;\n } else if (denotesDottedList(line)) {\n const closeIndex = rawLines.findIndex(rawLine => !denotesDottedList(rawLine));\n const dottedListLines = rawLines.splice(0, closeIndex).slice(0, closeIndex);\n dottedListLines.unshift(line);\n buffer =
    {dottedListLines.map(li =>
    • )}
;\n } else if ((buffer = denotesOpenHtml(line))) {\n const tag = buffer;\n const closeIndex = denotesClosingHtml(line, tag) ? -1 : rawLines.findIndex(\n rawLine => denotesClosingHtml(rawLine, tag),\n );\n const htmlLines = rawLines.splice(0, closeIndex + 1);\n htmlLines.unshift(line);\n buffer =
;\n } else if ((buffer = denotesSelfClosingHtml(line)) !== null) {\n const match = buffer[0];\n const [before, after] = line.split(match);\n buffer = (\n <>\n \n
\n \n \n );\n } else if (declaresNoLineBreak(line)) {\n const closeIndex = rawLines.findIndex(rawLine => !declaresNoLineBreak(rawLine));\n const lineBreakLines = rawLines.splice(0, closeIndex).map(rawLine => rawLine.slice(0, -2));\n lineBreakLines.unshift(line.slice(0, -2));\n lineBreakLines.push(rawLines.splice(0, 1)[0]);\n buffer =

{lineBreakLines.map(lineBreakLine => )}

;\n } else if (denotesClosingHtml(line, '')) {\n buffer = null;\n } else {\n buffer =

;\n }\n\n return (\n <>\n { buffer }\n \n \n );\n};\n\nexport default Content;\n\n","import React from 'react';\nimport { Typography } from '@material-ui/core';\nimport ContentSection from '../ContentSection/ContentSection';\nimport Content from './Content';\nimport { ParserPropTypes } from './types';\n\ninterface PropTypes extends ParserPropTypes {\n level?: number;\n}\n\ninterface MapperPropTypes extends PropTypes {\n SectionComponent: React.FC;\n}\n\nconst getHeaderLevel = (header: string): number => {\n if (!header) return 0;\n let level = 0;\n while (header[level] === '#') level += 1;\n return level;\n};\n\nconst SectionMapper: React.FC = ({ rawLines, level = 0, SectionComponent }) => {\n const children = rawLines\n .reduce((sections: string[][], line: string) => {\n if (line) {\n if (getHeaderLevel(line) === level) sections.push([]);\n if (sections.length) sections[sections.length - 1].push(line);\n }\n return sections;\n }, [])\n .map(sectionLines => );\n\n return <>{children};\n};\n\n\nconst Section: React.FC = ({ rawLines, level = 0 }) => {\n const deeperLevelIndex = rawLines.findIndex(line => line.match(`^#{${level + 1},} .*$`));\n const rawContent = rawLines.splice(0, (deeperLevelIndex < 0) ? rawLines.length : deeperLevelIndex);\n\n if (!level) {\n return (\n <>\n \n \n \n );\n }\n\n const sectionName = rawContent.splice(0, 1)[0].slice(level).trim();\n const deeperLevel = getHeaderLevel(rawLines[0]);\n return (\n \n \n \n \n );\n};\n\nexport default Section;\n\n","import React, { useState, useEffect } from 'react';\nimport axios from 'axios';\n\nimport Section from './Section';\n\ninterface PropTypes {\n data?: string;\n url?: string;\n}\n\nconst resolveUrls = (line: string, baseUrl: string): string => line.replace(\n /src=\"(?!http)(.*)\"[\\s>]/,\n (match, url) => `src=\"${baseUrl}/${url}?sanitize=true\"`,\n).replace(\n /\\[(.*\\]?.*)\\]\\((?!http)(.+?)\\)/,\n (match, text, url) => `[${text}](${baseUrl}/${url})`,\n);\n\nconst Markdown: React.FC = ({ data, url }) => {\n const [markdown, setMarkdown] = useState(data || '');\n\n if (url) axios.get(url).then(response => setMarkdown(response.data));\n\n useEffect(() => {\n if (!url) setMarkdown(data || '');\n }, [data, url]);\n\n const baseUrl = url?.slice(0, url.lastIndexOf('/')) || '';\n const lines = markdown.split(/\\r?\\n/).map(line => resolveUrls(line, baseUrl));\n return
;\n};\n\n\nexport default Markdown;\n\n","import React from 'react';\n\nimport {\n AppBar,\n Tabs,\n Tab,\n Typography,\n Toolbar,\n} from '@material-ui/core';\n\nimport { makeStyles } from '@material-ui/core/styles';\n\n\ninterface PropTypes {\n logo: {\n icon: React.ReactNode;\n title: string;\n };\n contents: {\n [key: string]: React.ReactNode | null;\n };\n page: string;\n setPage: (newPage: string) => void;\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n background: theme.palette.background.elevation2,\n color: theme.palette.text.primary,\n paddingLeft: theme.spacing(3),\n },\n logo: {\n margin: theme.spacing(0, 3, 0, 1),\n },\n tab: {\n '& .MuiTab-wrapper': {\n padding: theme.spacing(2),\n flexDirection: 'row',\n fontSize: '0.8125rem',\n '& svg': {\n marginRight: theme.spacing(1),\n marginBottom: '0 !important',\n },\n },\n },\n}));\n\n\nconst Header: React.FC = ({\n logo, contents, page, setPage,\n}) => {\n const classes = useStyles();\n\n const handleChange = (event: React.ChangeEvent, newPage: string): void => {\n setPage(newPage);\n };\n\n return (\n \n \n {logo.icon}\n \n {logo.title}\n \n \n {contents && Object.keys(contents).map((item: string) => (\n \n ))}\n \n \n \n );\n};\n\nexport default Header;\n","import React from 'react';\n\nimport { Paper, makeStyles } from '@material-ui/core';\n\nimport { SurfaceSize, SurfacePosition } from './types';\n\n\ninterface PropTypes {\n size: SurfaceSize;\n position: SurfacePosition;\n}\n\n\nconst useStyles = makeStyles(theme => ({\n surface: {\n position: 'absolute',\n display: 'flex',\n flexDirection: 'column',\n overflowY: 'auto',\n scrollbarColor: `${theme.palette.secondary.dark} ${theme.palette.secondary.light}`,\n\n '& a.MuiTypography-root': {\n color: theme.palette.primary.light,\n },\n },\n}));\n\n\nconst WindowSurface: React.FC = ({ size, position, children }) => {\n const classes = useStyles();\n\n return (\n \n {children}\n \n );\n};\n\n\nexport default WindowSurface;\n","import React from 'react';\n\nimport { Typography, Divider, makeStyles } from '@material-ui/core';\n\nimport WindowSurface from './WindowSurface';\nimport { SurfaceSize, SurfacePosition } from './types';\n\n\ninterface PropTypes {\n type: 'primary' | 'secondary' | 'mono';\n name?: string;\n}\n\n\nconst useStyles = makeStyles(theme => ({\n header: {\n padding: theme.spacing(1, 0, 1, 2),\n background: theme.palette.background.elevation2,\n },\n}));\n\n\nconst Window: React.FC = ({ type, name, children }) => {\n const classes = useStyles();\n\n const size: SurfaceSize = {\n height: '85vh',\n };\n\n const position: SurfacePosition = {\n bottom: '3vh',\n };\n\n if (type === 'primary') {\n size.width = '63vw';\n position.left = '2vw';\n } else if (type === 'secondary') {\n size.width = '31vw';\n position.right = '2vw';\n } else if (type === 'mono') {\n position.left = '2vw';\n position.right = '2vw';\n }\n\n return (\n \n {name\n && (\n
\n {name}\n \n
\n )}\n {children}\n \n );\n};\n\nexport default Window;\n","export default __webpack_public_path__ + \"static/media/icon.50d2b01a.svg\";","import React, { useState, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n makeStyles,\n TextField,\n Button,\n Link,\n} from '@material-ui/core';\nimport {\n Benzin,\n Markdown,\n ContentSection,\n} from './lib';\n\nimport Header from './demo/Header/Header';\nimport Window from './demo/Window/Window';\nimport icon from './assets/icon.svg';\n\nconst useStyles = makeStyles(theme => ({\n window: {\n padding: theme.spacing(4),\n },\n promoButton: {\n display: 'flex',\n justifyContent: 'center',\n marginTop: theme.spacing(4),\n },\n}));\n\n\nconst Icon = \"logo\";\n\nconst headerContents = {\n home: null,\n dotfiles: null,\n 'material-ui': null,\n custom: null,\n 'live preview': null,\n};\n\nconst pageMap: Record = {\n home: 'https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md',\n 'material-ui': 'https://raw.githubusercontent.com/mui-org/material-ui/master/README.md',\n dotfiles: 'https://raw.githubusercontent.com/eug-vs/dotfiles/master/.github/README.md',\n};\n\n\nconst CustomPage: React.FC = () => {\n const [url, setUrl] = useState('');\n const inputEl = useRef(null);\n\n const handleParseUrl = (): void => {\n setUrl(inputEl.current?.value || '');\n };\n\n return (\n <>\n \n

\n This should be a link to a valid markdown file. Response should give the file contents.\n If you copy README file from GitHub, make sure you provide link to raw view.\n

\n

\n \n

\n \n \n \n \n );\n};\n\ninterface LivePropTypes {\n setLivePreviewData: (livePreviewData: string) => void;\n}\n\nconst LivePreviewPage: React.FC = ({ setLivePreviewData }) => {\n const inputEl = useRef(null);\n\n const handleRender = (): void => {\n setLivePreviewData(inputEl.current?.value || '');\n };\n\n return (\n <>\n \n

\n Start typing and see your text rendered on the left window!\n You can find the list of all Markdown features\n {' '}\n \n here\n \n . (some of them are yet in progress).\n We recommend starting with # Header.\n

\n

\n \n

\n \n \n );\n};\n\n\nconst App: React.FC = () => {\n const classes = useStyles();\n const [page, setPage] = useState('home');\n const [livePreviewData, setLivePreviewData] = useState('');\n\n const handleGoLivePreview = (): void => {\n setPage('live preview');\n };\n\n const url = pageMap[page];\n const fileName = url?.slice(url.lastIndexOf('/') + 1);\n const info = [\n /* eslint-disable max-len */\n `## Markdown\\n [Markdown file](${url}) *(...${fileName})* that you can see on the left was parsed and rendered by **BENZIN**! :rocket:`,\n 'Switch between tabs on the header to explore other markdown templates. :recycle: ',\n 'Templates on the left are being loaded from the [GitHub](https://github.com), though this pane is generated from plaintext. :pen:',\n '## How do I use this feature?',\n '```',\n 'import Markdown from \\'react-benzin\\';',\n 'const data = \\'# Header\\\\nHello, *world!*\\';',\n 'ReactDOM.render(, document.getElementById(\\'root\\'));',\n '```',\n /* eslint-enable max-len */\n ].join('\\n');\n\n let primaryWindowContent = ;\n if (page === 'custom') primaryWindowContent = ;\n else if (page === 'live preview') {\n primaryWindowContent = ;\n }\n\n return (\n \n \n \n
{primaryWindowContent}
\n \n \n
\n {\n (page === 'live preview')\n ? \n : (\n <>\n \n

\n \n Try it yourself!\n \n

\n \n )\n }\n
\n \n \n );\n};\n\n\nReactDOM.render(, document.getElementById('root'));\n\n"],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.9b394787.chunk.js b/static/js/main.9b394787.chunk.js deleted file mode 100644 index e24f9c6..0000000 --- a/static/js/main.9b394787.chunk.js +++ /dev/null @@ -1,2 +0,0 @@ -(this["webpackJsonpreact-benzin"]=this["webpackJsonpreact-benzin"]||[]).push([[0],{100:function(e,t,n){"use strict";n.r(t);var r=n(22),a=n(2),c=n(0),i=n(10),o=n.n(i),l=n(132),s=n(144),u=n(143),d=n(139),j=n(29),b=n(135),h=n(102),p=n(136),m=Object(l.a)((function(e){var t;return{content:(t={},Object(j.a)(t,e.breakpoints.up("md"),{padding:e.spacing(2,2,1,3)}),Object(j.a)(t,e.breakpoints.down("sm"),{padding:e.spacing(2,0)}),Object(j.a)(t,"marginBottom",e.spacing(1)),t)}})),f=function(e){var t=e.sectionName,n=e.children,r=e.level,c=void 0===r?0:r,i=m(),o=Object(b.a)((function(e){return e.breakpoints.down("sm")})),l=c+2;l>6&&(l=6);var s="h".concat(l);return Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)(h.a,{variant:s,children:t}),Object(a.jsx)(p.a,{variant:o?"fullWidth":"middle"}),Object(a.jsx)(h.a,{component:"div",className:i.content,children:n})]})},v=n(62),O=n.n(v),g=n(63),x=n.n(g),w=n(65),y=n(137),k=n(138),M=(n(80),Object(w.a)({palette:{type:"dark",primary:{main:O.a[400]},secondary:{main:x.a[500]},background:{default:"#121212",paper:"#1e1e1e",elevation1:"#1e1e1e",elevation2:"#232323",elevation3:"#252525"},text:{primary:"#f4f4f4",secondary:"rgba(255, 255, 255, 0.6)"}}})),N=function(e){var t=e.children;return Object(a.jsxs)(y.a,{theme:M,children:[Object(a.jsx)(k.a,{}),t]})},L=n(64),E=n.n(L),R=n(103),I=Object(l.a)((function(e){return{root:{background:e.palette.background.default,padding:e.spacing(1),overflowX:"auto",fontFamily:"Monospace",scrollbarColor:"auto"}}})),F=function(e){var t=e.rawLines,n=I();return Object(a.jsx)(R.a,{variant:"outlined",className:n.root,children:t.map((function(e){return Object(a.jsx)("pre",{children:e})}))})},S=n(42),z=function(e){return{local:new RegExp("".concat(e,"([^").concat(e,"]+)").concat(e)),global:new RegExp("(".concat(e,"[^").concat(e,"]+").concat(e,")"))}},C={conceal:{global:/(!?\[.+?\]\(.+?\))(?!])/g,local:/!?\[(.*\]?.*)\]\((.+?)\)/},rawLink:{global:/((?:(?:[A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www\.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)(?:(?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[.!/\\\w]*))?)/,local:/&^/},emoji:z(":"),bold:z("\\*\\*"),italic:z("\\*"),code:z("`"),strikeThrough:z("~~")},D=new RegExp(Object.values(C).map((function(e){return e.global.source})).join("|")),T=[];Object.keys(S.lib).forEach((function(e){return T.push({name:e,char:S.lib[e].char})}));var H=Object(l.a)((function(e){return{code:{background:e.palette.background.default,borderRadius:e.spacing(.5),padding:e.spacing(.5),fontFamily:"Monospace"},image:{maxWidth:"100%",maxHeight:"100%"}}})),B=function e(t){var n=t.span,r=H();if(!n)return null;var c=C.conceal.local.exec(n);if(c)return"!"===n[0]?Object(a.jsx)("img",{src:c[2],alt:c[1],className:r.image}):Object(a.jsx)(d.a,{href:c[2],children:Object(a.jsx)(e,{span:c[1]})});var i=n.match(C.emoji.local);if(i){var o=T.find((function(e){return e.name===i[1]}));return Object(a.jsx)("span",{children:o?o.char:n})}var l=n.match(C.code.local);if(l)return Object(a.jsx)("span",{className:r.code,children:l[1]});var s=n.match(C.bold.local);if(s)return Object(a.jsx)("b",{children:s[1]});var u=n.match(C.italic.local);if(u)return Object(a.jsx)("i",{children:u[1]});var j=n.match(C.strikeThrough.local);return j?Object(a.jsx)("span",{style:{textDecoration:"line-through"},children:j[1]}):n.match(C.rawLink.global)?Object(a.jsx)(d.a,{href:n,children:n}):Object(a.jsx)(a.Fragment,{children:n})},A=function(e){var t=e.line;return Object(a.jsx)(a.Fragment,{children:t.split(D).map((function(e){return Object(a.jsx)(B,{span:e})}))})},$=function(e){return null!==e.match(/^\s*```.*$/)},_=function(e){return null!==e.match(/^ ?[-*] .*$/)},W=function(e,t){var n=new RegExp(""));return null!==e.match(n)},Z=function(e){return null!==e.match(/\\\|$/)},P=function e(t){var n=t.rawLines;if(!n.length)return null;var c,i=n.splice(0,1)[0];if($(i)){var o=n.findIndex((function(e){return $(e)})),l=n.splice(0,o+1).slice(0,o);c=Object(a.jsx)(F,{rawLines:l})}else if(_(i)){var s=n.findIndex((function(e){return!_(e)})),u=n.splice(0,s).slice(0,s);u.unshift(i),c=Object(a.jsx)("ul",{children:u.map((function(e){return Object(a.jsx)("li",{children:Object(a.jsx)(A,{line:e.slice(2)})})}))})}else if(c=function(e){var t=/<([^/\s]*)[^<]*[^/]>/g.exec(e);return t?t[1]:""}(i)){var d=c,j=W(i,d)?-1:n.findIndex((function(e){return W(e,d)})),b=n.splice(0,j+1);b.unshift(i),c=Object(a.jsx)("div",{dangerouslySetInnerHTML:{__html:b.join("\n")}})}else if(null!==(c=function(e){return e.match(/(<[^/\s]*[^<]*\/>)/g)}(i))){var h=c[0],p=i.split(h),m=Object(r.a)(p,2),f=m[0],v=m[1];c=Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)(A,{line:f}),Object(a.jsx)("div",{dangerouslySetInnerHTML:{__html:h}}),Object(a.jsx)(A,{line:v})]})}else if(Z(i)){var O=n.findIndex((function(e){return!Z(e)})),g=n.splice(0,O).map((function(e){return e.slice(0,-2)}));g.unshift(i.slice(0,-2)),g.push(n.splice(0,1)[0]),c=Object(a.jsx)("p",{children:g.map((function(e){return Object(a.jsx)(A,{line:e})}))})}else c=W(i,"")?null:Object(a.jsx)("p",{children:Object(a.jsx)(A,{line:i})});return Object(a.jsxs)(a.Fragment,{children:[c,Object(a.jsx)(e,{rawLines:n})]})},G=function(e){if(!e)return 0;for(var t=0;"#"===e[t];)t+=1;return t},J=function(e){var t=e.rawLines,n=e.level,r=void 0===n?0:n,c=e.SectionComponent,i=t.reduce((function(e,t){return t&&(G(t)===r&&e.push([]),e.length&&e[e.length-1].push(t)),e}),[]).map((function(e){return Object(a.jsx)(c,{rawLines:e,level:r})}));return Object(a.jsx)(a.Fragment,{children:i})},Y=function e(t){var n=t.rawLines,r=t.level,c=void 0===r?0:r,i=n.findIndex((function(e){return e.match("^#{".concat(c+1,",} .*$"))})),o=n.splice(0,i<0?n.length:i);if(!c)return Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)(h.a,{children:Object(a.jsx)(P,{rawLines:o})}),Object(a.jsx)(J,{rawLines:n,level:G(n[0]),SectionComponent:e})]});var l=o.splice(0,1)[0].slice(c).trim(),s=G(n[0]);return Object(a.jsxs)(f,{sectionName:l,level:c,children:[Object(a.jsx)(P,{rawLines:o}),Object(a.jsx)(J,{rawLines:n,level:s,SectionComponent:e})]})},X=function(e){var t=e.data,n=e.url,i=Object(c.useState)(t||""),o=Object(r.a)(i,2),l=o[0],s=o[1];n&&E.a.get(n).then((function(e){return s(e.data)})),Object(c.useEffect)((function(){n||s(t||"")}),[t,n]);var u=(null===n||void 0===n?void 0:n.slice(0,n.lastIndexOf("/")))||"",d=l.split(/\r?\n/).map((function(e){return function(e,t){return e.replace(/src="(?!http)(.*)"[\s>]/,(function(e,n){return'src="'.concat(t,"/").concat(n,'?sanitize=true"')})).replace(/\[(.*\]?.*)\]\((?!http)(.+?)\)/,(function(e,n,r){return"[".concat(n,"](").concat(t,"/").concat(r,")")}))}(e,u)}));return Object(a.jsx)(Y,{rawLines:d})},q=n(140),K=n(141),Q=n(145),U=n(142),V=Object(l.a)((function(e){return{root:{background:e.palette.background.elevation2,color:e.palette.text.primary,paddingLeft:e.spacing(3)},logo:{margin:e.spacing(0,3,0,1)},tab:{"& .MuiTab-wrapper":{padding:e.spacing(2),flexDirection:"row",fontSize:"0.8125rem","& svg":{marginRight:e.spacing(1),marginBottom:"0 !important"}}}}})),ee=function(e){var t=e.logo,n=e.contents,r=e.page,c=e.setPage,i=V();return Object(a.jsx)(q.a,{position:"sticky",className:i.root,children:Object(a.jsxs)(K.a,{children:[t.icon,Object(a.jsx)(h.a,{variant:"h5",className:i.logo,color:"primary",children:t.title}),Object(a.jsx)(Q.a,{onChange:function(e,t){c(t)},value:r,children:n&&Object.keys(n).map((function(e){return Object(a.jsx)(U.a,{label:e,icon:n[e],value:e,className:i.tab},e)}))})]})})},te=n(43),ne=Object(l.a)((function(e){return{surface:{position:"absolute",display:"flex",flexDirection:"column",overflowY:"auto",scrollbarColor:"".concat(e.palette.secondary.dark," ").concat(e.palette.secondary.light),"& a.MuiTypography-root":{color:e.palette.primary.light}}}})),re=function(e){var t=e.size,n=e.position,r=e.children,c=ne();return Object(a.jsx)(R.a,{variant:"outlined",style:Object(te.a)(Object(te.a)({},t),n),className:c.surface,children:r})},ae=Object(l.a)((function(e){return{header:{padding:e.spacing(1,0,1,2),background:e.palette.background.elevation2}}})),ce=function(e){var t=e.type,n=e.name,r=e.children,c=ae(),i={height:"85vh"},o={bottom:"3vh"};return"primary"===t?(i.width="63vw",o.left="2vw"):"secondary"===t?(i.width="31vw",o.right="2vw"):"mono"===t&&(o.left="2vw",o.right="2vw"),Object(a.jsxs)(re,{size:i,position:o,children:[n&&Object(a.jsxs)("div",{children:[Object(a.jsx)(h.a,{variant:"h5",className:c.header,children:n}),Object(a.jsx)(p.a,{})]}),r]})},ie=n.p+"static/media/icon.50d2b01a.svg",oe=Object(l.a)((function(e){return{window:{padding:e.spacing(4)},promoButton:{display:"flex",justifyContent:"center",marginTop:e.spacing(4)}}})),le=Object(a.jsx)("img",{src:ie,width:"32px",height:"37px",alt:"logo"}),se={home:null,spacevim:null,"material-ui":null,custom:null,"live preview":null},ue={home:"https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md",spacevim:"https://raw.githubusercontent.com/spacevim/spacevim/master/README.md","material-ui":"https://raw.githubusercontent.com/mui-org/material-ui/master/README.md"},de=function(){var e=Object(c.useState)(""),t=Object(r.a)(e,2),n=t[0],i=t[1],o=Object(c.useRef)(null);return Object(a.jsxs)(a.Fragment,{children:[Object(a.jsxs)(f,{sectionName:"Render custom markdown document",level:2,children:[Object(a.jsx)("p",{children:"This should be a link to a valid markdown file. Response should give the file contents. If you copy README file from GitHub, make sure you provide link to raw view."}),Object(a.jsx)("p",{children:Object(a.jsx)(s.a,{fullWidth:!0,inputRef:o,variant:"outlined",color:"secondary",label:"Markdown url"})}),Object(a.jsx)(u.a,{variant:"contained",color:"secondary",onClick:function(){var e;i((null===(e=o.current)||void 0===e?void 0:e.value)||"")},children:"Render!"})]}),Object(a.jsx)(X,{url:n})]})},je=function(e){var t=e.setLivePreviewData,n=Object(c.useRef)(null);return Object(a.jsx)(a.Fragment,{children:Object(a.jsxs)(f,{sectionName:"Markdown live preview",level:2,children:[Object(a.jsxs)("p",{children:["Start typing and see your text rendered on the left window! You can find the list of all Markdown features"," ",Object(a.jsx)(d.a,{href:"https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet",children:"here"}),". (some of them are yet in progress). We recommend starting with # Header."]}),Object(a.jsx)("p",{children:Object(a.jsx)(s.a,{fullWidth:!0,multiline:!0,inputRef:n,variant:"outlined",color:"primary",label:"Markdown",onChange:function(){var e;t((null===(e=n.current)||void 0===e?void 0:e.value)||"")}})})]})})},be=function(){var e=oe(),t=Object(c.useState)("home"),n=Object(r.a)(t,2),i=n[0],o=n[1],l=Object(c.useState)(""),s=Object(r.a)(l,2),d=s[0],j=s[1],b=ue[i],h=null===b||void 0===b?void 0:b.slice(b.lastIndexOf("/")+1),p=["## Markdown\n [Markdown file](".concat(b,") *(...").concat(h,")* that you can see on the left was parsed and rendered by **BENZIN**! :rocket:"),"Switch between tabs on the header to explore other markdown templates. :recycle: ","Templates on the left are being loaded from the [GitHub](https://github.com), though this pane is generated from plaintext. :pen:","## How do I use this feature?","```","import Markdown from 'react-benzin';","const data = '# Header\\nHello, *world!*';","ReactDOM.render(, document.getElementById('root'));","```"].join("\n"),m=Object(a.jsx)(X,{url:b});return"custom"===i?m=Object(a.jsx)(de,{}):"live preview"===i&&(m=Object(a.jsx)(X,{data:d||"# Start typing in the right window!"})),Object(a.jsxs)(N,{children:[Object(a.jsx)(ee,{logo:{icon:le,title:"BENZIN"},contents:se,page:i,setPage:o}),Object(a.jsx)(ce,{type:"primary",children:Object(a.jsx)("div",{className:e.window,children:m})}),Object(a.jsx)(ce,{type:"secondary",name:"Feature preview",children:Object(a.jsx)("div",{className:e.window,children:"live preview"===i?Object(a.jsx)(je,{setLivePreviewData:j}):Object(a.jsxs)(a.Fragment,{children:[Object(a.jsx)(X,{data:p}),Object(a.jsx)("p",{className:e.promoButton,children:Object(a.jsx)(u.a,{variant:"contained",color:"primary",size:"large",onClick:function(){o("live preview")},children:"Try it yourself!"})})]})})})]})};o.a.render(Object(a.jsx)(be,{}),document.getElementById("root"))}},[[100,1,2]]]); -//# sourceMappingURL=main.9b394787.chunk.js.map \ No newline at end of file diff --git a/static/js/main.9b394787.chunk.js.map b/static/js/main.9b394787.chunk.js.map deleted file mode 100644 index e0c99c7..0000000 --- a/static/js/main.9b394787.chunk.js.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"sources":["lib/ContentSection/ContentSection.tsx","lib/Benzin/Benzin.tsx","lib/Markdown/CodeBlock.tsx","lib/Markdown/SyntacticSpan.tsx","lib/Markdown/Text.tsx","lib/Markdown/Content.tsx","lib/Markdown/Section.tsx","lib/Markdown/Markdown.tsx","demo/Header/Header.tsx","demo/Window/WindowSurface.tsx","demo/Window/Window.tsx","assets/icon.svg","index.tsx"],"names":["useStyles","makeStyles","theme","content","breakpoints","up","padding","spacing","down","ContentSection","sectionName","children","level","classes","isMobile","useMediaQuery","adjustedLevel","variant","Typography","Divider","component","className","benzinTheme","createMuiTheme","palette","type","primary","main","orange","secondary","purple","background","default","paper","elevation1","elevation2","elevation3","text","Benzin","ThemeProvider","CssBaseline","root","overflowX","fontFamily","scrollbarColor","CodeBlock","rawLines","Paper","map","line","enclosureRegex","e","local","RegExp","global","regex","conceal","rawLink","emoji","bold","italic","code","strikeThrough","splitter","Object","values","pair","source","join","emojiList","keys","emojiLib","forEach","name","push","char","borderRadius","image","maxWidth","maxHeight","SyntacticSpan","span","matchConceal","exec","src","alt","Link","href","matchEmoji","match","find","matchCode","matchBold","matchItalic","matchStrikeThrough","style","textDecoration","Text","split","denotesCodeBlock","denotesDottedList","denotesClosingHtml","tag","declaresNoLineBreak","Content","length","buffer","splice","closeIndex","findIndex","rawLine","codeBlockLines","slice","dottedListLines","unshift","li","denotesOpenHtml","htmlLines","dangerouslySetInnerHTML","__html","denotesSelfClosingHtml","before","after","lineBreakLines","lineBreakLine","getHeaderLevel","header","SectionMapper","SectionComponent","reduce","sections","sectionLines","Section","deeperLevelIndex","rawContent","trim","deeperLevel","Markdown","data","url","useState","markdown","setMarkdown","axios","get","then","response","useEffect","baseUrl","lastIndexOf","lines","replace","resolveUrls","color","paddingLeft","logo","margin","tab","flexDirection","fontSize","marginRight","marginBottom","Header","contents","page","setPage","AppBar","position","Toolbar","icon","title","Tabs","onChange","event","newPage","value","item","Tab","label","surface","display","overflowY","dark","light","WindowSurface","size","Window","height","bottom","width","left","right","window","promoButton","justifyContent","marginTop","Icon","headerContents","home","spacevim","custom","pageMap","CustomPage","setUrl","inputEl","useRef","TextField","fullWidth","inputRef","Button","onClick","current","LivePreviewPage","setLivePreviewData","multiline","App","livePreviewData","fileName","info","primaryWindowContent","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.9b394787.chunk.js","sourcesContent":["import React from 'react';\n\nimport {\n Typography,\n Divider,\n makeStyles,\n useMediaQuery,\n Theme,\n} from '@material-ui/core';\n\n\ninterface PropTypes {\n sectionName: string;\n level?: number;\n}\n\nconst useStyles = makeStyles(theme => ({\n content: {\n [theme.breakpoints.up('md')]: {\n padding: theme.spacing(2, 2, 1, 3),\n },\n [theme.breakpoints.down('sm')]: {\n padding: theme.spacing(2, 0),\n },\n marginBottom: theme.spacing(1),\n },\n}));\n\nconst ContentSection: React.FC = ({ sectionName, children, level = 0 }) => {\n const classes = useStyles();\n const isMobile = useMediaQuery((theme: Theme) => theme.breakpoints.down('sm'));\n\n let adjustedLevel = level + 2; // Make everything smaller\n if (adjustedLevel > 6) adjustedLevel = 6;\n\n type Variant = 'h3' | 'h4' | 'h5' | 'h6';\n const variant: Variant = `h${adjustedLevel}` as Variant;\n\n return (\n <>\n {sectionName}\n \n \n {children}\n \n \n );\n};\n\n\nexport default ContentSection;\n","import React from 'react';\nimport orange from '@material-ui/core/colors/orange';\nimport purple from '@material-ui/core/colors/purple';\nimport { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';\nimport { CssBaseline } from '@material-ui/core';\nimport 'typeface-roboto';\n\n\ndeclare module '@material-ui/core/styles/createPalette' {\n interface TypeBackground {\n elevation1: string;\n elevation2: string;\n elevation3: string;\n }\n}\n\n\nconst benzinTheme = createMuiTheme({\n palette: {\n type: 'dark',\n primary: {\n main: orange[400],\n },\n secondary: {\n main: purple[500],\n },\n background: {\n default: '#121212',\n paper: '#1e1e1e',\n elevation1: '#1e1e1e',\n elevation2: '#232323',\n elevation3: '#252525',\n },\n text: {\n primary: '#f4f4f4',\n secondary: 'rgba(255, 255, 255, 0.6)',\n },\n },\n});\n\n\nconst Benzin: React.FC = ({ children }) => (\n \n \n {children}\n \n);\n\n\nexport default Benzin;\n\n","import React from 'react';\nimport { Paper } from '@material-ui/core';\n\nimport { makeStyles } from '@material-ui/core/styles';\nimport { ParserPropTypes } from './types';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n background: theme.palette.background.default,\n padding: theme.spacing(1),\n overflowX: 'auto',\n fontFamily: 'Monospace',\n scrollbarColor: 'auto',\n },\n}));\n\nconst CodeBlock: React.FC = ({ rawLines }) => {\n const classes = useStyles();\n return (\n \n {rawLines.map(line => 
{line}
)}\n \n );\n};\n\nexport default CodeBlock;\n\n","import React from 'react';\nimport { Link, makeStyles } from '@material-ui/core';\n\nimport { lib as emojiLib } from 'emojilib';\n\ninterface PropTypes {\n span: string;\n}\n\ninterface RegexPair {\n global: RegExp;\n local: RegExp;\n}\n\ninterface Emoji {\n name: string;\n char: string;\n}\n\nconst enclosureRegex = (e: string): RegexPair => ({\n local: new RegExp(`${e}([^${e}]+)${e}`),\n global: new RegExp(`(${e}[^${e}]+${e})`),\n});\n\nconst regex: Record = {\n conceal: {\n global: /(!?\\[.+?\\]\\(.+?\\))(?!])/g,\n local: /!?\\[(.*\\]?.*)\\]\\((.+?)\\)/,\n },\n rawLink: {\n // eslint-disable-next-line max-len\n global: /((?:(?:[A-Za-z]{3,9}:(?:\\/\\/)?)(?:[-;:&=+$,\\w]+@)?[A-Za-z0-9.-]+|(?:www\\.|[-;:&=+$,\\w]+@)[A-Za-z0-9.-]+)(?:(?:\\/[+~%/.\\w-_]*)?\\??(?:[-+=&;%@.\\w_]*)#?(?:[.!/\\\\\\w]*))?)/,\n local: /&^/,\n },\n emoji: enclosureRegex(':'),\n bold: enclosureRegex('\\\\*\\\\*'),\n italic: enclosureRegex('\\\\*'),\n code: enclosureRegex('`'),\n strikeThrough: enclosureRegex('~~'),\n};\n\nconst splitter = new RegExp(Object.values(regex).map(pair => pair.global.source).join('|'));\n\nconst emojiList: Emoji[] = [];\nObject.keys(emojiLib).forEach(name => emojiList.push({ name, char: emojiLib[name].char }));\n\nconst useStyles = makeStyles(theme => ({\n code: {\n background: theme.palette.background.default,\n borderRadius: theme.spacing(0.5),\n padding: theme.spacing(0.5),\n fontFamily: 'Monospace',\n },\n image: {\n maxWidth: '100%',\n maxHeight: '100%',\n },\n}));\n\nconst SyntacticSpan: React.FC = ({ span }) => {\n const classes = useStyles();\n if (!span) return null;\n\n const matchConceal = regex.conceal.local.exec(span);\n if (matchConceal) {\n if (span[0] === '!') return {matchConceal[1]};\n return ;\n }\n\n const matchEmoji = span.match(regex.emoji.local);\n if (matchEmoji) {\n const emoji = emojiList.find(e => e.name === matchEmoji[1]);\n return {emoji ? emoji.char : span};\n }\n\n const matchCode = span.match(regex.code.local);\n if (matchCode) return {matchCode[1]};\n\n const matchBold = span.match(regex.bold.local);\n if (matchBold) return {matchBold[1]};\n\n const matchItalic = span.match(regex.italic.local);\n if (matchItalic) return {matchItalic[1]};\n\n const matchStrikeThrough = span.match(regex.strikeThrough.local);\n if (matchStrikeThrough) return {matchStrikeThrough[1]};\n\n if (span.match(regex.rawLink.global)) return {span};\n\n return <>{span};\n};\n\n\nexport { splitter };\nexport default SyntacticSpan;\n\n","import React from 'react';\nimport SyntacticSpan, { splitter } from './SyntacticSpan';\n\ninterface PropTypes {\n line: string;\n}\n\nconst Text: React.FC = ({ line }) => {\n return <>{line.split(splitter).map(span => )};\n};\n\nexport default Text;\n\n","import React from 'react';\n\nimport CodeBlock from './CodeBlock';\nimport Text from './Text';\nimport { ParserPropTypes } from './types';\n\n\nconst denotesCodeBlock = (line: string): boolean => {\n return line.match(/^\\s*```.*$/) !== null;\n};\n\nconst denotesDottedList = (line: string): boolean => {\n return line.match(/^ ?[-*] .*$/) !== null;\n};\n\nconst denotesOpenHtml = (line: string): string => {\n const regex = /<([^/\\s]*)[^<]*[^/]>/g;\n const match = regex.exec(line);\n return match ? match[1] : '';\n};\n\nconst denotesClosingHtml = (line: string, tag: string): boolean => {\n const regex = new RegExp(``);\n return line.match(regex) !== null;\n};\n\nconst denotesSelfClosingHtml = (line: string): string[] | null => {\n const regex = /(<[^/\\s]*[^<]*\\/>)/g;\n return line.match(regex);\n};\n\nconst declaresNoLineBreak = (line: string): boolean => {\n return line.match(/\\\\\\|$/) !== null;\n};\n\nconst Content: React.FC = ({ rawLines }) => {\n if (!rawLines.length) return null;\n\n const line = rawLines.splice(0, 1)[0];\n\n let buffer;\n if (denotesCodeBlock(line)) {\n const closeIndex = rawLines.findIndex(rawLine => denotesCodeBlock(rawLine));\n const codeBlockLines = rawLines.splice(0, closeIndex + 1).slice(0, closeIndex);\n buffer = ;\n } else if (denotesDottedList(line)) {\n const closeIndex = rawLines.findIndex(rawLine => !denotesDottedList(rawLine));\n const dottedListLines = rawLines.splice(0, closeIndex).slice(0, closeIndex);\n dottedListLines.unshift(line);\n buffer =
    {dottedListLines.map(li =>
    • )}
;\n } else if ((buffer = denotesOpenHtml(line))) {\n const tag = buffer;\n const closeIndex = denotesClosingHtml(line, tag) ? -1 : rawLines.findIndex(\n rawLine => denotesClosingHtml(rawLine, tag),\n );\n const htmlLines = rawLines.splice(0, closeIndex + 1);\n htmlLines.unshift(line);\n buffer =
;\n } else if ((buffer = denotesSelfClosingHtml(line)) !== null) {\n const match = buffer[0];\n const [before, after] = line.split(match);\n buffer = (\n <>\n \n
\n \n \n );\n } else if (declaresNoLineBreak(line)) {\n const closeIndex = rawLines.findIndex(rawLine => !declaresNoLineBreak(rawLine));\n const lineBreakLines = rawLines.splice(0, closeIndex).map(rawLine => rawLine.slice(0, -2));\n lineBreakLines.unshift(line.slice(0, -2));\n lineBreakLines.push(rawLines.splice(0, 1)[0]);\n buffer =

{lineBreakLines.map(lineBreakLine => )}

;\n } else if (denotesClosingHtml(line, '')) {\n buffer = null;\n } else {\n buffer =

;\n }\n\n return (\n <>\n { buffer }\n \n \n );\n};\n\nexport default Content;\n\n","import React from 'react';\nimport { Typography } from '@material-ui/core';\nimport ContentSection from '../ContentSection/ContentSection';\nimport Content from './Content';\nimport { ParserPropTypes } from './types';\n\ninterface PropTypes extends ParserPropTypes {\n level?: number;\n}\n\ninterface MapperPropTypes extends PropTypes {\n SectionComponent: React.FC;\n}\n\nconst getHeaderLevel = (header: string): number => {\n if (!header) return 0;\n let level = 0;\n while (header[level] === '#') level += 1;\n return level;\n};\n\nconst SectionMapper: React.FC = ({ rawLines, level = 0, SectionComponent }) => {\n const children = rawLines\n .reduce((sections: string[][], line: string) => {\n if (line) {\n if (getHeaderLevel(line) === level) sections.push([]);\n if (sections.length) sections[sections.length - 1].push(line);\n }\n return sections;\n }, [])\n .map(sectionLines => );\n\n return <>{children};\n};\n\n\nconst Section: React.FC = ({ rawLines, level = 0 }) => {\n const deeperLevelIndex = rawLines.findIndex(line => line.match(`^#{${level + 1},} .*$`));\n const rawContent = rawLines.splice(0, (deeperLevelIndex < 0) ? rawLines.length : deeperLevelIndex);\n\n if (!level) {\n return (\n <>\n \n \n \n );\n }\n\n const sectionName = rawContent.splice(0, 1)[0].slice(level).trim();\n const deeperLevel = getHeaderLevel(rawLines[0]);\n return (\n \n \n \n \n );\n};\n\nexport default Section;\n\n","import React, { useState, useEffect } from 'react';\nimport axios from 'axios';\n\nimport Section from './Section';\n\ninterface PropTypes {\n data?: string;\n url?: string;\n}\n\nconst resolveUrls = (line: string, baseUrl: string): string => line.replace(\n /src=\"(?!http)(.*)\"[\\s>]/,\n (match, url) => `src=\"${baseUrl}/${url}?sanitize=true\"`,\n).replace(\n /\\[(.*\\]?.*)\\]\\((?!http)(.+?)\\)/,\n (match, text, url) => `[${text}](${baseUrl}/${url})`,\n);\n\nconst Markdown: React.FC = ({ data, url }) => {\n const [markdown, setMarkdown] = useState(data || '');\n\n if (url) axios.get(url).then(response => setMarkdown(response.data));\n\n useEffect(() => {\n if (!url) setMarkdown(data || '');\n }, [data, url]);\n\n const baseUrl = url?.slice(0, url.lastIndexOf('/')) || '';\n const lines = markdown.split(/\\r?\\n/).map(line => resolveUrls(line, baseUrl));\n return
;\n};\n\n\nexport default Markdown;\n\n","import React from 'react';\n\nimport {\n AppBar,\n Tabs,\n Tab,\n Typography,\n Toolbar,\n} from '@material-ui/core';\n\nimport { makeStyles } from '@material-ui/core/styles';\n\n\ninterface PropTypes {\n logo: {\n icon: React.ReactNode;\n title: string;\n };\n contents: {\n [key: string]: React.ReactNode | null;\n };\n page: string;\n setPage: (newPage: string) => void;\n}\n\nconst useStyles = makeStyles(theme => ({\n root: {\n background: theme.palette.background.elevation2,\n color: theme.palette.text.primary,\n paddingLeft: theme.spacing(3),\n },\n logo: {\n margin: theme.spacing(0, 3, 0, 1),\n },\n tab: {\n '& .MuiTab-wrapper': {\n padding: theme.spacing(2),\n flexDirection: 'row',\n fontSize: '0.8125rem',\n '& svg': {\n marginRight: theme.spacing(1),\n marginBottom: '0 !important',\n },\n },\n },\n}));\n\n\nconst Header: React.FC = ({\n logo, contents, page, setPage,\n}) => {\n const classes = useStyles();\n\n const handleChange = (event: React.ChangeEvent, newPage: string): void => {\n setPage(newPage);\n };\n\n return (\n \n \n {logo.icon}\n \n {logo.title}\n \n \n {contents && Object.keys(contents).map((item: string) => (\n \n ))}\n \n \n \n );\n};\n\nexport default Header;\n","import React from 'react';\n\nimport { Paper, makeStyles } from '@material-ui/core';\n\nimport { SurfaceSize, SurfacePosition } from './types';\n\n\ninterface PropTypes {\n size: SurfaceSize;\n position: SurfacePosition;\n}\n\n\nconst useStyles = makeStyles(theme => ({\n surface: {\n position: 'absolute',\n display: 'flex',\n flexDirection: 'column',\n overflowY: 'auto',\n scrollbarColor: `${theme.palette.secondary.dark} ${theme.palette.secondary.light}`,\n\n '& a.MuiTypography-root': {\n color: theme.palette.primary.light,\n },\n },\n}));\n\n\nconst WindowSurface: React.FC = ({ size, position, children }) => {\n const classes = useStyles();\n\n return (\n \n {children}\n \n );\n};\n\n\nexport default WindowSurface;\n","import React from 'react';\n\nimport { Typography, Divider, makeStyles } from '@material-ui/core';\n\nimport WindowSurface from './WindowSurface';\nimport { SurfaceSize, SurfacePosition } from './types';\n\n\ninterface PropTypes {\n type: 'primary' | 'secondary' | 'mono';\n name?: string;\n}\n\n\nconst useStyles = makeStyles(theme => ({\n header: {\n padding: theme.spacing(1, 0, 1, 2),\n background: theme.palette.background.elevation2,\n },\n}));\n\n\nconst Window: React.FC = ({ type, name, children }) => {\n const classes = useStyles();\n\n const size: SurfaceSize = {\n height: '85vh',\n };\n\n const position: SurfacePosition = {\n bottom: '3vh',\n };\n\n if (type === 'primary') {\n size.width = '63vw';\n position.left = '2vw';\n } else if (type === 'secondary') {\n size.width = '31vw';\n position.right = '2vw';\n } else if (type === 'mono') {\n position.left = '2vw';\n position.right = '2vw';\n }\n\n return (\n \n {name\n && (\n
\n {name}\n \n
\n )}\n {children}\n \n );\n};\n\nexport default Window;\n","export default __webpack_public_path__ + \"static/media/icon.50d2b01a.svg\";","import React, { useState, useRef } from 'react';\nimport ReactDOM from 'react-dom';\nimport {\n makeStyles,\n TextField,\n Button,\n Link,\n} from '@material-ui/core';\nimport {\n Benzin,\n Markdown,\n ContentSection,\n} from './lib';\n\nimport Header from './demo/Header/Header';\nimport Window from './demo/Window/Window';\nimport icon from './assets/icon.svg';\n\nconst useStyles = makeStyles(theme => ({\n window: {\n padding: theme.spacing(4),\n },\n promoButton: {\n display: 'flex',\n justifyContent: 'center',\n marginTop: theme.spacing(4),\n },\n}));\n\n\nconst Icon = \"logo\";\n\nconst headerContents = {\n home: null,\n spacevim: null,\n 'material-ui': null,\n custom: null,\n 'live preview': null,\n};\n\nconst pageMap: Record = {\n home: 'https://raw.githubusercontent.com/eug-vs/react-benzin/develop/README.md',\n spacevim: 'https://raw.githubusercontent.com/spacevim/spacevim/master/README.md',\n 'material-ui': 'https://raw.githubusercontent.com/mui-org/material-ui/master/README.md',\n};\n\n\nconst CustomPage: React.FC = () => {\n const [url, setUrl] = useState('');\n const inputEl = useRef(null);\n\n const handleParseUrl = (): void => {\n setUrl(inputEl.current?.value || '');\n };\n\n return (\n <>\n \n

\n This should be a link to a valid markdown file. Response should give the file contents.\n If you copy README file from GitHub, make sure you provide link to raw view.\n

\n

\n \n

\n \n \n \n \n );\n};\n\ninterface LivePropTypes {\n setLivePreviewData: (livePreviewData: string) => void;\n}\n\nconst LivePreviewPage: React.FC = ({ setLivePreviewData }) => {\n const inputEl = useRef(null);\n\n const handleRender = (): void => {\n setLivePreviewData(inputEl.current?.value || '');\n };\n\n return (\n <>\n \n

\n Start typing and see your text rendered on the left window!\n You can find the list of all Markdown features\n {' '}\n \n here\n \n . (some of them are yet in progress).\n We recommend starting with # Header.\n

\n

\n \n

\n \n \n );\n};\n\n\nconst App: React.FC = () => {\n const classes = useStyles();\n const [page, setPage] = useState('home');\n const [livePreviewData, setLivePreviewData] = useState('');\n\n const handleGoLivePreview = (): void => {\n setPage('live preview');\n };\n\n const url = pageMap[page];\n const fileName = url?.slice(url.lastIndexOf('/') + 1);\n const info = [\n /* eslint-disable max-len */\n `## Markdown\\n [Markdown file](${url}) *(...${fileName})* that you can see on the left was parsed and rendered by **BENZIN**! :rocket:`,\n 'Switch between tabs on the header to explore other markdown templates. :recycle: ',\n 'Templates on the left are being loaded from the [GitHub](https://github.com), though this pane is generated from plaintext. :pen:',\n '## How do I use this feature?',\n '```',\n 'import Markdown from \\'react-benzin\\';',\n 'const data = \\'# Header\\\\nHello, *world!*\\';',\n 'ReactDOM.render(, document.getElementById(\\'root\\'));',\n '```',\n /* eslint-enable max-len */\n ].join('\\n');\n\n let primaryWindowContent = ;\n if (page === 'custom') primaryWindowContent = ;\n else if (page === 'live preview') {\n primaryWindowContent = ;\n }\n\n return (\n \n \n \n
{primaryWindowContent}
\n \n \n
\n {\n (page === 'live preview')\n ? \n : (\n <>\n \n

\n \n Try it yourself!\n \n

\n \n )\n }\n
\n \n \n );\n};\n\n\nReactDOM.render(, document.getElementById('root'));\n\n"],"sourceRoot":""} \ No newline at end of file -- cgit v1.2.3