Commitc60678e

committed

tutorial summary in markdown

1 parent35cd00f commitc60678eCopy full SHA for c60678e

File tree

+30

-2

lines changed

web-app/src
- components/Markdown
  - index.tsx
- containers/New/TutorialList
  - TutorialItem.tsx

+30

-2

lines changed

Lines changed: 28 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -10,22 +10,49 @@ import './prism'`
`10`	`10`	`// markdown highlighter instance`
`11`	`11`	`constmd:MarkdownIt=newMarkdownIt({`
`12`	`12`	`breaks:true,`
`13`		`-// highlight: syntaxHighlight,`
`14`	`13`	`html:true,`
`15`	`14`	`linkify:true,`
`16`	`15`	`})`
`17`	`16`	`// add emoji: https://github.com/markdown-it/markdown-it-emoji`
`18`	`17`	`.use(markdownEmoji)`
	`18`	`+// add syntax highlighting through prism`
`19`	`19`	`.use(prism,{`
`20`	`20`	`defaultLanguage:'js',`
`21`	`21`	`})`
`22`	`22`
	`23`	`+// const mdFeatures = [`
	`24`	`+// 'table',`
	`25`	`+// 'code',`
	`26`	`+// 'fence',`
	`27`	`+// 'blockquote',`
	`28`	`+// 'hr',`
	`29`	`+// 'list',`
	`30`	`+// 'reference',`
	`31`	`+// 'heading',`
	`32`	`+// 'lheading',`
	`33`	`+// 'html_block',`
	`34`	`+// 'paragraph',`
	`35`	`+// 'html_inline',`
	`36`	`+// 'autolink',`
	`37`	`+// 'link',`
	`38`	`+// 'image',`
	`39`	`+// ]`
	`40`	`+`
	`41`	`+// TODO: markdownIt with rules disabling most features`
	`42`	`+// const minimalMarkdownIt = new MarkdownIt({`
	`43`	`+// breaks: false,`
	`44`	`+// html: true,`
	`45`	`+// linkify: false,`
	`46`	`+// }).disable(mdFeatures)`
	`47`	`+`
`23`	`48`	`interfaceProps{`
`24`	`49`	`children:string`
	`50`	`+minimal?:boolean`
`25`	`51`	`}`
`26`	`52`
`27`	`53`	`constMarkdown=(props:Props)=>{`
`28`	`54`	`lethtml:string`
	`55`	`+// TODO: set md to minimal rule set if specified`
`29`	`56`	`try{`
`30`	`57`	`html=md.render(props.children)`
`31`	`58`	`}catch(error){`

Lines changed: 2 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`import*asReactfrom'react'`
`2`	`2`	`import{css,jsx}from'@emotion/core'`
`3`	`3`	`importCardfrom'../../../components/Card'`
	`4`	`+importMarkdownfrom'../../../components/Markdown'`
`4`	`5`
`5`	`6`	`conststyles={`
`6`	`7`	`card:{`
`@@ -39,7 +40,7 @@ const LanguageIcon = () => (`
`39`	`40`	`constTutorialItem=(props:Props)=>(`
`40`	`41`	`<CardonClick={props.onSelect}css={styles.card}>`
`41`	`42`	`<h3>{props.title\|\|'Title'}</h3>`
`42`		`-<p>{props.description\|\|'Description'}</p>`
	`43`	`+<Markdownminimal>{props.description\|\|'Description'}</Markdown>`
`43`	`44`	`<divcss={styles.languages}>`
`44`	`45`	`<LanguageIcon/>`
`45`	`46`	`</div>`

Comments

(0)