@alifd/doc-parser/src/md/share.js

document parser for fusion docs

'use strict';

const babel = require('babel-core');
const format = require('util').format;
const option = require('./option');
const encode = require('./encode');
const hl = require('./highlight');


let iframeCount = 0;

exports.header = function(text, level) {
  const id = encode.uri(text);
  return format('<h%d id="%s">%s<a href="#%s" class="anchor">#</a></h%d>', level, id, text, id, level);
};

exports.link = function(href, title, text) {
  return format('<a href="%s" target="_blank">%s</a>', href, text);
};

exports.blockcode = function(code, language) {
  if (!code) {
    return '';
  }
  if (!language || language === '+' || language === '-') {
    return hl.render(code);
  }

  const lastChar = language.slice(-1);
  const hide = lastChar === '-';
  let inject = (lastChar === '-' || lastChar === '+');

  if (inject) {
    language = language.slice(0, -1);
  }

  if (language.slice(0, 6) !== 'iframe') {
    language = hl.language(language);
  }
  if ([ 'javascript', 'css', 'html', 'jsx' ].indexOf(language) !== -1) {
    inject = inject && true;
  }

  let html = '';
  // iframe hack
  if (language && language.slice(0, 6) === 'iframe') {
    iframeCount++;

    let height = language.split(':')[1];
    if (height) {
      height = format('height="%s"', height);
    } else {
      height = '';
    }

    html = [
      '<div class="nico-iframe">',
      '<iframe src="iframe-%s-%d.html" allowtransparency="true" ',
      'frameborder="0" scrolling="0" %s></iframe></div>',
    ].join('\n');

    const iframeId = option.get('iframeId') || '';
    html = format(html, iframeId, iframeCount, height);
    language = 'html';
  } else if (inject) {
    let renderedCode;
    if (language === 'javascript') {
      try {
        renderedCode = babel.transform(code, {
          sourceMaps: false,
          babelrc: false,
          presets: [
            require.resolve('babel-preset-react'),
            require.resolve('babel-preset-env'),
            require.resolve('babel-preset-stage-0'),
          ],
        }).code;
      } catch (e) {
        console.error(e);
        renderedCode = code;
      }
      html = format('<script>(function(){%s})()</script>', renderedCode);
    } else if (language === 'css') {
      html = format('<style type="text/css">%s</style>', code);
    } else if (language === 'html') {
      html = format('<div class="nico-insert-code">%s</div>', code);
    }
  }

  if (hide && inject) {
    return html;
  }

  return html + hl.render(code, language);
};

exports.simpleBlockcode = function(code, language) {
  if (!language || language === '+' || language === '-') {
    return hl.render(code);
  }

  const lastChar = language.slice(-1);
  let inject = (lastChar === '-' || lastChar === '+');

  if (inject) {
    language = language.slice(0, -1);
  }

  if (language.slice(0, 6) !== 'iframe') {
    language = hl.language(language);
  }
  if ([ 'javascript', 'css', 'html', 'jsx' ].indexOf(language) !== -1) {
    inject = inject && true;
  }

  return hl.render(code, language);
};

exports.normalRender = function(text, fn) {
  iframeCount = 0;
  if (text) {
    text = text.replace(/^````([\s]*[\w]+)$/gm, '````$1+');
    text = text.replace(/^```([\s]*[\w]+)$/gm, '```$1+');
  }
  if (fn.render) return fn.render(text);
  return fn(text);
};

// get toc
let toc = [];
let tocLevel = 3;

exports.tocHeader = function(text, level) {
  const id = encode.uri(text);
  if (level <= tocLevel) {
    toc.push({ id, text, level });
  }
  return format('<h%d id="%s">%s</h%d>', level, id, text, level);
};

exports.tocRender = function(text, level, fn) {
  toc = [];
  tocLevel = level || 3;
  if (fn.render) {
    fn.render(text);
  } else {
    fn(text);
  }
  return toc;
};


// get iframes
let iframes = {};
exports.iframeBlockcode = function(code, language) {
  if (!language) return '';
  if (language.slice(0, 6) === 'iframe') {
    iframeCount++;
    const iframeId = option.get('iframeId') || '';
    iframes[format('iframe-%s-%d', iframeId, iframeCount)] = code;
  }
};

exports.iframeRender = function(text, fn) {
  iframes = {};
  iframeCount = 0;
  if (fn.render) {
    fn.render(text);
  } else {
    fn(text);
  }
  return iframes;
};