cherry-doc/.history/src/lib/md-loader_20170425123447.js

const marked = require('./marked');
const babel = require('babel-core');
const renderer = new marked.Renderer();
const yamlFront = require('yaml-front-matter')

let res;
const id = 'comp' + Math.random();

const oldCode = renderer.code;

// marked.setOptions({
//   highlight: function (code) {
//     return require('highlight.js').highlightAuto(code).value;
//   }
// });

function escape(html, encode) {
  return html
    .replace(!encode ? /&(?!#?\w+;)/g : /&/g, '&')
    .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
    .replace(/"/g, '&quot;')
    .replace(/'/g, '&#39;');
}

function unescape(html) {
	// explicitly match decimal, hex, and named HTML entities 
  return html.replace(/&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/g, function(_, n) {
    n = n.toLowerCase();
    if (n === 'colon') return ':';
    if (n.charAt(0) === '#') {
      return n.charAt(1) === 'x'
        ? String.fromCharCode(parseInt(n.substring(2), 16))
        : String.fromCharCode(+n.substring(1));
    }
    return '';
  });
}

renderer.code = (code, lang, escaped) => {


    res = code;
    // console.log(babel.transform(code, {
    //     plugins: ["transform-react-jsx"]
    // }));
    // const comp = babel.transform(code, {
    //     plugins: ["transform-react-jsx"]
    // });

    // eval(comp);
    

    return `
        <div>
            <div id=${id}></div>
            <pre><code>${escape(code)}</code></pre>
        </div>`;
}

renderer.table = function (header, body) {
    return '<table class="table table-striped">'+header+body+'</table>'
}

renderer.list = function(body, ordered) {
  var type = ordered ? 'ol' : 'ul';
  var styles = ordered ? 'upper-roman' : 'disc';
  return '<' + type + ' style="padding-left:40px; list-style-type:'+ styles + ';" >\n' + body + '</' + type + '>\n';
}

function process(source) {
    source = marked(source, {
        renderer: renderer,
        gfm: true,
        tables: true,
        breaks: true,
        pedantic: false,
        sanitize: true,
        smartLists: true,
        smartypants: false   
     });

    const res = JSON.stringify(source);
    return res;
}


module.exports = function(source, map){
    this.cacheable && this.cacheable();

    res = '';
    const yaml = yamlFront.loadFront(source, 'content');
    //对source进行解析
    var md = process(yaml.content);
    res += `\n export const md=${md}; \n export const id="${id}";`
    console.log('----------------')
    console.log(res);
    console.log('--------------')

    this.callback(null, res, map);
    // return "module.exports = " + '{}';
}