"+s(t[e].content)+""},a.code_block=function(t,e){return""+s(t[e].content)+"\n":"
\n"},a.softbreak=function(t,e,r){return r.breaks?r.xhtmlOut?"
\n":"
\n":"\n"},a.text=function(t,e){return s(t[e].content)},a.html_block=function(t,e){return t[e].content},a.html_inline=function(t,e){return t[e].content},n.prototype.renderAttrs=function(t){var e,r,n;if(!t.attrs)return"";for(n="",e=0,r=t.attrs.length;r>e;e++)n+=" "+s(t.attrs[e][0])+'="'+s(t.attrs[e][1])+'"';return n},n.prototype.renderToken=function(t,e,r){var n,o="",i=!1,s=t[e];return s.hidden?"":(s.block&&-1!==s.nesting&&e&&t[e-1].hidden&&(o+="\n"),o+=(-1===s.nesting?"\n":">")},n.prototype.renderInline=function(t,e,r){for(var n,o="",i=this.rules,s=0,a=t.length;a>s;s++)n=t[s].type,o+="undefined"!=typeof i[n]?i[n](t,s,e,r,this):this.renderToken(t,s,e);return o},n.prototype.renderInlineAsText=function(t,e,r){for(var n="",o=this.rules,i=0,s=t.length;s>i;i++)"text"===t[i].type?n+=o.text(t,i,e,r,this):"image"===t[i].type&&(n+=this.renderInlineAsText(t[i].children,e,r));return n},n.prototype.render=function(t,e,r){var n,o,i,s="",a=this.rules;for(n=0,o=t.length;o>n;n++)i=t[n].type,s+="inline"===i?this.renderInline(t[n].children,e,r):"undefined"!=typeof a[i]?a[t[n].type](t,n,e,r,this):this.renderToken(t,n,e,r);return s},t.exports=n},function(t,e,r){"use strict";var n=r(1).isSpace;t.exports=function(t,e,r,o){var i,s,a,u,c,l,p,f,h,d,g,m,v,_,b,x,y=t.bMarks[e]+t.tShift[e],k=t.eMarks[e];if(62!==t.src.charCodeAt(y++))return!1;if(o)return!0;for(32===t.src.charCodeAt(y)&&y++,l=t.blkIndent,t.blkIndent=0,h=d=t.sCount[e]+y-(t.bMarks[e]+t.tShift[e]),c=[t.bMarks[e]],t.bMarks[e]=y;k>y&&(g=t.src.charCodeAt(y),n(g));)9===g?d+=4-d%4:d++,y++;for(s=y>=k,u=[t.sCount[e]],t.sCount[e]=d-h,a=[t.tShift[e]],t.tShift[e]=y-t.bMarks[e],m=t.md.block.ruler.getRules("blockquote"),i=e+1;r>i&&!(t.sCount[i]
some text
' 10 | ) 11 | }) 12 | 13 | it('should set root element inline style to styles provided in style property', () => { 14 | assert.equal( 15 | render('some text', { style: { color: 'red', fontSize: 20 } }), 16 | 'some text
' 17 | ) 18 | }) 19 | 20 | it('should not throw warning with void tags', () => { 21 | assert.equal( 22 | render('# Title\n---'), 23 | 'Title
' 24 | ) 25 | }) 26 | 27 | it('should work with headers', () => { 28 | assert.equal( 29 | render('# This is an
tag\n## This is an tag\n###### This is an tag'),
30 | 'This is an <h1> tag
This is an <h2> tag
This is an <h6> tag
'
31 | )
32 | })
33 |
34 | it('should work with emphasis', () => {
35 | assert.equal(
36 | render('*This text will be italic*\n_This will also be italic_\n\n**This text will be bold**\n__This will also be bold__\n\n*You **can** combine them*'),
37 | 'This text will be italic\nThis will also be italic
This text will be bold\nThis will also be bold
You can combine them
'
38 | )
39 | })
40 |
41 | it('should work with unordered lists', () => {
42 | assert.equal(
43 | render('* Item 1\n* Item 2\n * Item 2a\n * Item 2b'),
44 | '- Item 1
- Item 2
- Item 2a
- Item 2b
'
45 | )
46 | })
47 |
48 | it('should work with ordered lists', () => {
49 | assert.equal(
50 | render('1. Item 1\n2. Item 2\n3. Item 3\n * Item 3a\n * Item 3b'),
51 | '- Item 1
- Item 2
- Item 3
- Item 3a
- Item 3b
'
52 | )
53 | })
54 |
55 | it('should work with images', () => {
56 | assert.equal(
57 | render('\nFormat: '),
58 | '
\nFormat: 
'
59 | )
60 | })
61 |
62 | it('should work with links', () => {
63 | assert.equal(
64 | render('Here is [some link](http://some-url.com).'),
65 | 'Here is some link.
'
66 | )
67 | })
68 |
69 | it('should work with blockquotes', () => {
70 | assert.equal(
71 | render('As Kanye West said:\n\n> We\'re living the future so\n> the present is our past.'),
72 | 'As Kanye West said:
We're living the future so\nthe present is our past.
'
73 | )
74 | })
75 |
76 | it('should work with inline code', () => {
77 | assert.equal(
78 | render('I think you should use an `` element here instead.'),
79 | 'I think you should use an <addr> element here instead.
'
80 | )
81 | })
82 |
83 | it('should work with tables', () => {
84 | assert.equal(
85 | render('| Option | Description |\n| ------ | ----------- |\n| data | path to data files to supply the data that will be passed into templates. |\n| engine | engine to be used for processing templates. Handlebars is the default. |\n| ext | extension to be used for dest files. |\n'),
86 | 'Option Description data path to data files to supply the data that will be passed into templates. engine engine to be used for processing templates. Handlebars is the default. ext extension to be used for dest files.
'
87 | )
88 | })
89 |
90 | it('should work with indented code', () => {
91 | assert.equal(
92 | render('Indented code\n\n // Some comments\n line 1 of code\n line 2 of code\n line 3 of code'),
93 | 'Indented code
// Some comments\nline 1 of code\nline 2 of code\nline 3 of code
'
94 | )
95 | })
96 |
97 | it('should work with block code', () => {
98 | assert.equal(
99 | render('Block code "fences"\n\n```\nSample text here...\n```\n'),
100 | 'Block code "fences"
Sample text here...\n
'
101 | )
102 | })
103 |
104 | it('should work with highlighted code', () => {
105 | assert.equal(
106 | render('Syntax highlighting\n\n``` js\nvar foo = function (bar) {\n return bar++;\n};\n\nconsole.log(foo(5));\n```'),
107 | 'Syntax highlighting
var foo = function (bar) {\n return bar++;\n};\n\nconsole.log(foo(5));\n
'
108 | )
109 | })
110 |
111 | it('should work with enabled typographer', () => {
112 | assert.equal(
113 | render('## Typographic replacements\n\nEnable typographer option to see result.\n\n(c) (C) (r) (R) (tm) (TM) (p) (P) +-\n\ntest.. test... test..... test?..... test!....\n\n!!!!!! ???? ,, -- ---\n\n"Smartypants, double quotes" and \'single quotes\'',
114 | {markdownOptions: {typographer: true}}),
115 | 'Typographic replacements
Enable typographer option to see result.
© © ® ® ™ ™ § § ±
test… test… test… test?.. test!..
!!! ??? , – —
“Smartypants, double quotes” and ‘single quotes’
'
116 | )
117 | })
118 |
119 | it('should work with disabled typographer', () => {
120 | assert.equal(
121 | render('## Typographic replacements\n\nEnable typographer option to see result.\n\n(c) (C) (r) (R) (tm) (TM) (p) (P) +-\n\ntest.. test... test..... test?..... test!....\n\n!!!!!! ???? ,, -- ---\n\n"Smartypants, double quotes" and \'single quotes\'',
122 | {markdownOptions: {typographer: false}}),
123 | 'Typographic replacements
Enable typographer option to see result.
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
test.. test... test..... test?..... test!....
!!!!!! ???? ,, -- ---
"Smartypants, double quotes" and 'single quotes'
'
124 | )
125 | })
126 | })
127 |
--------------------------------------------------------------------------------
/test/helpers/render.js:
--------------------------------------------------------------------------------
1 | import { mdReact } from '../../src/index'
2 | import { renderToStaticMarkup } from 'react-dom/server'
3 |
4 | const render = (text, options) => {
5 | return renderToStaticMarkup(mdReact(options)(text))
6 | }
7 |
8 | export default render
9 |
--------------------------------------------------------------------------------
/test/mocha.opts:
--------------------------------------------------------------------------------
1 | --reporter spec
2 | --recursive
3 | --timeout 3000
4 |
--------------------------------------------------------------------------------
/test/plugins-offical.js:
--------------------------------------------------------------------------------
1 | import { assert } from 'chai'
2 | import { describe, it } from 'mocha'
3 | import render from './helpers/render'
4 |
5 | const plugins = {
6 | abbr: require('markdown-it-abbr'),
7 | container: require('markdown-it-container'),
8 | deflist: require('markdown-it-deflist'),
9 | emoji: require('markdown-it-emoji'),
10 | footnote: require('markdown-it-footnote'),
11 | ins: require('markdown-it-ins'),
12 | mark: require('markdown-it-mark'),
13 | sub: require('markdown-it-sub'),
14 | sup: require('markdown-it-sup')
15 | }
16 |
17 | describe('Markdown plugins official', () => {
18 | it('should work with emoji', () => {
19 | assert.equal(
20 | render(':) 8-)',
21 | {plugins: [plugins.emoji]}),
22 | '😃 😎
'
23 | )
24 | })
25 |
26 | it('should work with container', () => {
27 | assert.equal(
28 | render('::: warning\n*here be dragons*\n:::',
29 | {plugins: [{plugin: plugins.container, args: ['warning']}]}),
30 | 'here be dragons
'
31 | )
32 | })
33 |
34 | /* TODO: footnote and other plugins */
35 | })
36 |
--------------------------------------------------------------------------------
/test/react-options.spec.js:
--------------------------------------------------------------------------------
1 | import { assert } from 'chai'
2 | import { describe, it } from 'mocha'
3 | import React from 'react'
4 | import update from 'react-addons-update'
5 | import render from './helpers/render'
6 |
7 | function linkCallback (tag, props, children) {
8 | if (tag === 'a') {
9 | props = update(props, {
10 | className: { $set: 'link-class' },
11 | href: { $apply: h => h.replace('SOME_URL', 'http://real-url.com') }
12 | })
13 | }
14 | return React.createElement(tag, props, children)
15 | }
16 |
17 | function firstLevelCallback (tag, props, children, level) {
18 | if (level === 1) {
19 | props = update(props, {
20 | className: { $set: 'first-level-class' }
21 | })
22 | }
23 |
24 | return React.createElement(tag, props, children)
25 | }
26 |
27 | // Markdown-React
28 |
29 | describe('Markdown-React options tests', () => {
30 | it('should render tags with custom props', () => {
31 | assert.equal(
32 | render('Here is [some link with class](SOME_URL).', { onIterate: linkCallback }),
33 | 'Here is some link with class.
'
34 | )
35 | })
36 |
37 | it('should distinct tags depending on level', () => {
38 | assert.equal(
39 | render('This node has custom class, **but not this node**.', { onIterate: firstLevelCallback }),
40 | 'This node has custom class, but not this node.
'
41 | )
42 | })
43 |
44 | it('should replace tags', () => {
45 | assert.equal(
46 | render('This text uses **“i” and “b” tags** instead of *“em” and “strong” tags*.', {tags: { 'html': 'span', 'em': 'i', 'strong': 'b' }}),
47 | 'This text uses “i” and “b” tags instead of “em” and “strong” tags.
'
48 | )
49 | })
50 | })
51 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | var webpack = require('webpack')
2 |
3 | module.exports = {
4 | entry: './src/index',
5 | module: {
6 | loaders: [
7 | { test: /\.json$/, loader: 'json' },
8 | { test: /\.js$/, loader: 'babel', exclude: /node_modules/ }
9 | ]
10 | },
11 | output: {
12 | filename: 'dist/markdown-react.min.js',
13 | libraryTarget: 'umd',
14 | library: 'MarkdownReact'
15 | },
16 | plugins: [
17 | new webpack.optimize.OccurenceOrderPlugin(),
18 | new webpack.DefinePlugin({
19 | 'process.env': {
20 | 'NODE_ENV': JSON.stringify('production')
21 | }
22 | }),
23 | new webpack.optimize.UglifyJsPlugin({
24 | compressor: {
25 | warnings: false
26 | }
27 | })
28 | ],
29 | externals: {
30 | react: 'React'
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
tag'),
30 | 'This is an <h1> tag
This is an <h2> tag
This is an <h6> tag
'
31 | )
32 | })
33 |
34 | it('should work with emphasis', () => {
35 | assert.equal(
36 | render('*This text will be italic*\n_This will also be italic_\n\n**This text will be bold**\n__This will also be bold__\n\n*You **can** combine them*'),
37 | 'This text will be italic\nThis will also be italic
This text will be bold\nThis will also be bold
You can combine them
'
38 | )
39 | })
40 |
41 | it('should work with unordered lists', () => {
42 | assert.equal(
43 | render('* Item 1\n* Item 2\n * Item 2a\n * Item 2b'),
44 | '- Item 1
- Item 2
- Item 2a
- Item 2b
'
45 | )
46 | })
47 |
48 | it('should work with ordered lists', () => {
49 | assert.equal(
50 | render('1. Item 1\n2. Item 2\n3. Item 3\n * Item 3a\n * Item 3b'),
51 | '- Item 1
- Item 2
- Item 3
- Item 3a
- Item 3b
'
52 | )
53 | })
54 |
55 | it('should work with images', () => {
56 | assert.equal(
57 | render('\nFormat: '),
58 | '\nFormat:
'
59 | )
60 | })
61 |
62 | it('should work with links', () => {
63 | assert.equal(
64 | render('Here is [some link](http://some-url.com).'),
65 | 'Here is some link.
'
66 | )
67 | })
68 |
69 | it('should work with blockquotes', () => {
70 | assert.equal(
71 | render('As Kanye West said:\n\n> We\'re living the future so\n> the present is our past.'),
72 | 'As Kanye West said:
We're living the future so\nthe present is our past.
'
73 | )
74 | })
75 |
76 | it('should work with inline code', () => {
77 | assert.equal(
78 | render('I think you should use an `` element here instead.'),
79 | 'I think you should use an <addr> element here instead.
'
80 | )
81 | })
82 |
83 | it('should work with tables', () => {
84 | assert.equal(
85 | render('| Option | Description |\n| ------ | ----------- |\n| data | path to data files to supply the data that will be passed into templates. |\n| engine | engine to be used for processing templates. Handlebars is the default. |\n| ext | extension to be used for dest files. |\n'),
86 | 'Option Description data path to data files to supply the data that will be passed into templates. engine engine to be used for processing templates. Handlebars is the default. ext extension to be used for dest files.
'
87 | )
88 | })
89 |
90 | it('should work with indented code', () => {
91 | assert.equal(
92 | render('Indented code\n\n // Some comments\n line 1 of code\n line 2 of code\n line 3 of code'),
93 | 'Indented code
// Some comments\nline 1 of code\nline 2 of code\nline 3 of code
'
94 | )
95 | })
96 |
97 | it('should work with block code', () => {
98 | assert.equal(
99 | render('Block code "fences"\n\n```\nSample text here...\n```\n'),
100 | 'Block code "fences"
Sample text here...\n
'
101 | )
102 | })
103 |
104 | it('should work with highlighted code', () => {
105 | assert.equal(
106 | render('Syntax highlighting\n\n``` js\nvar foo = function (bar) {\n return bar++;\n};\n\nconsole.log(foo(5));\n```'),
107 | 'Syntax highlighting
var foo = function (bar) {\n return bar++;\n};\n\nconsole.log(foo(5));\n
'
108 | )
109 | })
110 |
111 | it('should work with enabled typographer', () => {
112 | assert.equal(
113 | render('## Typographic replacements\n\nEnable typographer option to see result.\n\n(c) (C) (r) (R) (tm) (TM) (p) (P) +-\n\ntest.. test... test..... test?..... test!....\n\n!!!!!! ???? ,, -- ---\n\n"Smartypants, double quotes" and \'single quotes\'',
114 | {markdownOptions: {typographer: true}}),
115 | 'Typographic replacements
Enable typographer option to see result.
© © ® ® ™ ™ § § ±
test… test… test… test?.. test!..
!!! ??? , – —
“Smartypants, double quotes” and ‘single quotes’
'
116 | )
117 | })
118 |
119 | it('should work with disabled typographer', () => {
120 | assert.equal(
121 | render('## Typographic replacements\n\nEnable typographer option to see result.\n\n(c) (C) (r) (R) (tm) (TM) (p) (P) +-\n\ntest.. test... test..... test?..... test!....\n\n!!!!!! ???? ,, -- ---\n\n"Smartypants, double quotes" and \'single quotes\'',
122 | {markdownOptions: {typographer: false}}),
123 | 'Typographic replacements
Enable typographer option to see result.
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
test.. test... test..... test?..... test!....
!!!!!! ???? ,, -- ---
"Smartypants, double quotes" and 'single quotes'
'
124 | )
125 | })
126 | })
127 |
--------------------------------------------------------------------------------
/test/helpers/render.js:
--------------------------------------------------------------------------------
1 | import { mdReact } from '../../src/index'
2 | import { renderToStaticMarkup } from 'react-dom/server'
3 |
4 | const render = (text, options) => {
5 | return renderToStaticMarkup(mdReact(options)(text))
6 | }
7 |
8 | export default render
9 |
--------------------------------------------------------------------------------
/test/mocha.opts:
--------------------------------------------------------------------------------
1 | --reporter spec
2 | --recursive
3 | --timeout 3000
4 |
--------------------------------------------------------------------------------
/test/plugins-offical.js:
--------------------------------------------------------------------------------
1 | import { assert } from 'chai'
2 | import { describe, it } from 'mocha'
3 | import render from './helpers/render'
4 |
5 | const plugins = {
6 | abbr: require('markdown-it-abbr'),
7 | container: require('markdown-it-container'),
8 | deflist: require('markdown-it-deflist'),
9 | emoji: require('markdown-it-emoji'),
10 | footnote: require('markdown-it-footnote'),
11 | ins: require('markdown-it-ins'),
12 | mark: require('markdown-it-mark'),
13 | sub: require('markdown-it-sub'),
14 | sup: require('markdown-it-sup')
15 | }
16 |
17 | describe('Markdown plugins official', () => {
18 | it('should work with emoji', () => {
19 | assert.equal(
20 | render(':) 8-)',
21 | {plugins: [plugins.emoji]}),
22 | '😃 😎
'
23 | )
24 | })
25 |
26 | it('should work with container', () => {
27 | assert.equal(
28 | render('::: warning\n*here be dragons*\n:::',
29 | {plugins: [{plugin: plugins.container, args: ['warning']}]}),
30 | 'here be dragons
'
31 | )
32 | })
33 |
34 | /* TODO: footnote and other plugins */
35 | })
36 |
--------------------------------------------------------------------------------
/test/react-options.spec.js:
--------------------------------------------------------------------------------
1 | import { assert } from 'chai'
2 | import { describe, it } from 'mocha'
3 | import React from 'react'
4 | import update from 'react-addons-update'
5 | import render from './helpers/render'
6 |
7 | function linkCallback (tag, props, children) {
8 | if (tag === 'a') {
9 | props = update(props, {
10 | className: { $set: 'link-class' },
11 | href: { $apply: h => h.replace('SOME_URL', 'http://real-url.com') }
12 | })
13 | }
14 | return React.createElement(tag, props, children)
15 | }
16 |
17 | function firstLevelCallback (tag, props, children, level) {
18 | if (level === 1) {
19 | props = update(props, {
20 | className: { $set: 'first-level-class' }
21 | })
22 | }
23 |
24 | return React.createElement(tag, props, children)
25 | }
26 |
27 | // Markdown-React
28 |
29 | describe('Markdown-React options tests', () => {
30 | it('should render tags with custom props', () => {
31 | assert.equal(
32 | render('Here is [some link with class](SOME_URL).', { onIterate: linkCallback }),
33 | 'Here is some link with class.
'
34 | )
35 | })
36 |
37 | it('should distinct tags depending on level', () => {
38 | assert.equal(
39 | render('This node has custom class, **but not this node**.', { onIterate: firstLevelCallback }),
40 | 'This node has custom class, but not this node.
'
41 | )
42 | })
43 |
44 | it('should replace tags', () => {
45 | assert.equal(
46 | render('This text uses **“i” and “b” tags** instead of *“em” and “strong” tags*.', {tags: { 'html': 'span', 'em': 'i', 'strong': 'b' }}),
47 | 'This text uses “i” and “b” tags instead of “em” and “strong” tags.
'
48 | )
49 | })
50 | })
51 |
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | var webpack = require('webpack')
2 |
3 | module.exports = {
4 | entry: './src/index',
5 | module: {
6 | loaders: [
7 | { test: /\.json$/, loader: 'json' },
8 | { test: /\.js$/, loader: 'babel', exclude: /node_modules/ }
9 | ]
10 | },
11 | output: {
12 | filename: 'dist/markdown-react.min.js',
13 | libraryTarget: 'umd',
14 | library: 'MarkdownReact'
15 | },
16 | plugins: [
17 | new webpack.optimize.OccurenceOrderPlugin(),
18 | new webpack.DefinePlugin({
19 | 'process.env': {
20 | 'NODE_ENV': JSON.stringify('production')
21 | }
22 | }),
23 | new webpack.optimize.UglifyJsPlugin({
24 | compressor: {
25 | warnings: false
26 | }
27 | })
28 | ],
29 | externals: {
30 | react: 'React'
31 | }
32 | }
33 |
--------------------------------------------------------------------------------
- Item 2a
- Item 2b
- Item 3a
- Item 3b
\nFormat: We're living the future so\nthe present is our past.
I think you should use an <addr> element here instead.
| Option | Description |
|---|---|
| data | path to data files to supply the data that will be passed into templates. |
| engine | engine to be used for processing templates. Handlebars is the default. |
| ext | extension to be used for dest files. |
Indented code
// Some comments\nline 1 of code\nline 2 of code\nline 3 of codeBlock code "fences"
Sample text here...\nSyntax highlighting
var foo = function (bar) {\n return bar++;\n};\n\nconsole.log(foo(5));\nTypographic replacements
Enable typographer option to see result.
© © ® ® ™ ™ § § ±
test… test… test… test?.. test!..
!!! ??? , – —
“Smartypants, double quotes” and ‘single quotes’
' 116 | ) 117 | }) 118 | 119 | it('should work with disabled typographer', () => { 120 | assert.equal( 121 | render('## Typographic replacements\n\nEnable typographer option to see result.\n\n(c) (C) (r) (R) (tm) (TM) (p) (P) +-\n\ntest.. test... test..... test?..... test!....\n\n!!!!!! ???? ,, -- ---\n\n"Smartypants, double quotes" and \'single quotes\'', 122 | {markdownOptions: {typographer: false}}), 123 | 'Typographic replacements
Enable typographer option to see result.
(c) (C) (r) (R) (tm) (TM) (p) (P) +-
test.. test... test..... test?..... test!....
!!!!!! ???? ,, -- ---
"Smartypants, double quotes" and 'single quotes'
' 124 | ) 125 | }) 126 | }) 127 | -------------------------------------------------------------------------------- /test/helpers/render.js: -------------------------------------------------------------------------------- 1 | import { mdReact } from '../../src/index' 2 | import { renderToStaticMarkup } from 'react-dom/server' 3 | 4 | const render = (text, options) => { 5 | return renderToStaticMarkup(mdReact(options)(text)) 6 | } 7 | 8 | export default render 9 | -------------------------------------------------------------------------------- /test/mocha.opts: -------------------------------------------------------------------------------- 1 | --reporter spec 2 | --recursive 3 | --timeout 3000 4 | -------------------------------------------------------------------------------- /test/plugins-offical.js: -------------------------------------------------------------------------------- 1 | import { assert } from 'chai' 2 | import { describe, it } from 'mocha' 3 | import render from './helpers/render' 4 | 5 | const plugins = { 6 | abbr: require('markdown-it-abbr'), 7 | container: require('markdown-it-container'), 8 | deflist: require('markdown-it-deflist'), 9 | emoji: require('markdown-it-emoji'), 10 | footnote: require('markdown-it-footnote'), 11 | ins: require('markdown-it-ins'), 12 | mark: require('markdown-it-mark'), 13 | sub: require('markdown-it-sub'), 14 | sup: require('markdown-it-sup') 15 | } 16 | 17 | describe('Markdown plugins official', () => { 18 | it('should work with emoji', () => { 19 | assert.equal( 20 | render(':) 8-)', 21 | {plugins: [plugins.emoji]}), 22 | '😃 😎
' 23 | ) 24 | }) 25 | 26 | it('should work with container', () => { 27 | assert.equal( 28 | render('::: warning\n*here be dragons*\n:::', 29 | {plugins: [{plugin: plugins.container, args: ['warning']}]}), 30 | 'here be dragons
Here is some link with class.
' 34 | ) 35 | }) 36 | 37 | it('should distinct tags depending on level', () => { 38 | assert.equal( 39 | render('This node has custom class, **but not this node**.', { onIterate: firstLevelCallback }), 40 | 'This node has custom class, but not this node.
' 41 | ) 42 | }) 43 | 44 | it('should replace tags', () => { 45 | assert.equal( 46 | render('This text uses **“i” and “b” tags** instead of *“em” and “strong” tags*.', {tags: { 'html': 'span', 'em': 'i', 'strong': 'b' }}), 47 | 'This text uses “i” and “b” tags instead of “em” and “strong” tags.
' 48 | ) 49 | }) 50 | }) 51 | -------------------------------------------------------------------------------- /webpack.config.js: -------------------------------------------------------------------------------- 1 | var webpack = require('webpack') 2 | 3 | module.exports = { 4 | entry: './src/index', 5 | module: { 6 | loaders: [ 7 | { test: /\.json$/, loader: 'json' }, 8 | { test: /\.js$/, loader: 'babel', exclude: /node_modules/ } 9 | ] 10 | }, 11 | output: { 12 | filename: 'dist/markdown-react.min.js', 13 | libraryTarget: 'umd', 14 | library: 'MarkdownReact' 15 | }, 16 | plugins: [ 17 | new webpack.optimize.OccurenceOrderPlugin(), 18 | new webpack.DefinePlugin({ 19 | 'process.env': { 20 | 'NODE_ENV': JSON.stringify('production') 21 | } 22 | }), 23 | new webpack.optimize.UglifyJsPlugin({ 24 | compressor: { 25 | warnings: false 26 | } 27 | }) 28 | ], 29 | externals: { 30 | react: 'React' 31 | } 32 | } 33 | --------------------------------------------------------------------------------