long time, so long
that the text does
not fit on a row. Bob-->Alice: Checking with John... Alice->John: Yes... John, how are you? ``` 详见[site/mermaid.md](./site/mermaid.md) #### ketex 参考：[markdown-it-katex](https://www.npmjs.com/package/markdown-it-katex)语法 ### `
header
paragraph
``` ```markdown Use the css-module green on this paragraph. {.text-intro} ``` Output: ```htmlUse the css-module green on this paragraph.
``` ```markdown - list item **bold** {.red} ``` Output: ```html- list item bold
- list item bold
```
```markdown
!
```
Output:
```html
title
打印？导出 pdf？
chrome 浏览器，直接在第一页 `command+P/ctrl+P` 即可高级玩法
如果上面 ### `nodeppt.config.js` 在 nodeppt 执行路径下创建`nodeppt.config.js`文件，可以配置跟`webpack`相关的选项，另外可以支持自研 nodeppt 插件。 默认内置的`config.js`内容如下： ```js /** * @file 默认配置 */ module.exports = () => ({ // project deployment base baseUrl: '/', // where to output built files outputDir: 'dist', // where to put static assets (js/css/img/font/...) assetsDir: '', // filename for index.html (relative to outputDir) indexPath: 'index.html', // 插件，包括 markdown 和 posthtml plugins: [], // chainWebpack: [], // whether filename will contain hash part filenameHashing: true, // boolean, use full build? runtimeCompiler: false, // deps to transpile transpileDependencies: [ /* string or regex */ ], // sourceMap for production build? productionSourceMap: true, // use thread-loader for babel & TS in production build // enabled by default if the machine has more than 1 cores parallel: () => { try { return require('os').cpus().length > 1; } catch (e) { return false; } }, // multi-page config pages: undefined, // <% } %> ` }; ================================================ FILE: packages/nodeppt-parser/index.js ================================================ const path = require('path'); const fs = require('fs-extra'); const defaultDeep = require('lodash.defaultsdeep'); const ejs = require('ejs'); const loaderUtils = require('loader-utils'); const getParser = require('./lib/get-parser'); // parsers const yamlParser = require('./lib/yaml-parser'); const defaults = require('./defaults'); // 模板 const defaultTemplate = fs.readFileSync(path.join(__dirname, './template/index.ejs')).toString(); // 这里不要用箭头函数，this 指向问题！ /* eslint-disable space-before-function-paren */ module.exports = function (content) { /* eslint-enable space-before-function-paren */ const {plugins = []} = loaderUtils.getOptions(this); const resourcePath = this.resourcePath; const parser = getParser(plugins); const settings = content.split(/
${mdRender(c)}
{.c}
tokens.splice(i + 1, 3); } }, { /** * *emphasis*{.with attrs=1} */ name: 'inline attributes', tests: [ { shift: 0, type: 'inline', children: [ { shift: -1, nesting: -1 // closing inline tag, {.a} }, { shift: 0, type: 'text', content: utils.hasDelimiters('start', options) } ] } ], transform: (tokens, i, j) => { let token = tokens[i].children[j]; let content = token.content; let attrs = utils.getAttrs(content, 0, options); let openingToken = utils.getMatchingOpeningToken(tokens[i].children, j - 1); utils.addAttrs(attrs, openingToken); token.content = content.slice(content.indexOf(options.rightDelimiter) + options.rightDelimiter.length); } }, { /** * - item * {.a} */ name: 'list softbreak', tests: [ { shift: -2, type: 'list_item_open' }, { shift: 0, type: 'inline', children: [ { position: -2, type: 'softbreak' }, { position: -1, content: utils.hasDelimiters('only', options) } ] } ], transform: (tokens, i, j) => { let token = tokens[i].children[j]; let content = token.content; let attrs = utils.getAttrs(content, 0, options); let ii = i - 2; while ( tokens[ii - 1] && tokens[ii - 1].type !== 'ordered_list_open' && tokens[ii - 1].type !== 'bullet_list_open' ) { ii--; } utils.addAttrs(attrs, tokens[ii - 1]); tokens[i].children = tokens[i].children.slice(0, -2); } }, { /** * - nested list * - with double \n * {.a} <-- apply to nested ul * * {.b} <-- apply to root-
*/
name: 'list double softbreak',
tests: [
{
// let this token be i = 0 so that we can erase
// the
{.a}
tokens below shift: 0, type: str => str === 'bullet_list_close' || str === 'ordered_list_close' }, { shift: 1, type: 'paragraph_open' }, { shift: 2, type: 'inline', content: utils.hasDelimiters('only', options), children: arr => arr.length === 1 }, { shift: 3, type: 'paragraph_close' } ], transform: (tokens, i) => { let token = tokens[i + 2]; let content = token.content; let attrs = utils.getAttrs(content, 0, options); let openingToken = utils.getMatchingOpeningToken(tokens, i); utils.addAttrs(attrs, openingToken); tokens.splice(i + 1, 3); } }, { /** * - end of {.list-item} */ name: 'list item end', tests: [ { shift: -2, type: 'list_item_open' }, { shift: 0, type: 'inline', children: [ { position: -1, content: utils.hasDelimiters('end', options) } ] } ], transform: (tokens, i, j) => { let token = tokens[i].children[j]; let content = token.content; let attrs = utils.getAttrs(content, content.lastIndexOf(options.leftDelimiter), options); utils.addAttrs(attrs, tokens[i - 2]); let trimmed = content.slice(0, content.lastIndexOf(options.leftDelimiter)); token.content = last(trimmed) !== ' ' ? trimmed : trimmed.slice(0, -1); } }, { /** * something with softbreak * {.cls} */ name: '\n{.a} softbreak then curly in start', tests: [ { shift: 0, type: 'inline', children: [ { position: -2, type: 'softbreak' }, { position: -1, type: str => str === 'text' || str === 'jsx_inline', content: utils.hasDelimiters('only', options) } ] } ], transform: (tokens, i, j) => { let token = tokens[i].children[j]; let attrs = utils.getAttrs(token.content, 0, options); // find last closing tag let ii = i + 1; while (tokens[ii + 1] && tokens[ii + 1].nesting === -1) { ii++; } let openingToken = utils.getMatchingOpeningToken(tokens, ii); utils.addAttrs(attrs, openingToken); tokens[i].children = tokens[i].children.slice(0, -2); } }, { /** * horizontal rule --- {#id} */ name: 'horizontal rule', tests: [ { shift: 0, type: 'paragraph_open' }, { shift: 1, type: 'inline', children: arr => arr.length === 1, content: str => str.match(__hr) !== null }, { shift: 2, type: 'paragraph_close' } ], transform: (tokens, i) => { let token = tokens[i]; token.type = 'hr'; token.tag = 'hr'; token.nesting = 0; let content = tokens[i + 1].content; let start = content.lastIndexOf(options.leftDelimiter); token.attrs = utils.getAttrs(content, start, options); token.markup = content; tokens.splice(i + 1, 2); } }, { /** * end of {.block} */ name: 'end of block', tests: [ { shift: 0, type: 'inline', children: [ { position: -1, content: utils.hasDelimiters('end', options), type: t => t !== 'code_inline' } ] } ], transform: (tokens, i, j) => { let token = tokens[i].children[j]; let content = token.content; let attrs = utils.getAttrs(content, content.lastIndexOf(options.leftDelimiter), options); let ii = i + 1; while (tokens[ii + 1] && tokens[ii + 1].nesting === -1) { ii++; } let openingToken = utils.getMatchingOpeningToken(tokens, ii); utils.addAttrs(attrs, openingToken); let trimmed = content.slice(0, content.lastIndexOf(options.leftDelimiter)); token.content = last(trimmed) !== ' ' ? trimmed : trimmed.slice(0, -1); } } ]; }; // get last element of array or string function last(arr) { return arr.slice(-1)[0]; } ================================================ FILE: packages/nodeppt-parser/lib/markdown/attrs/utils.js ================================================ 'use strict'; exports.findAttrs = (attrArray, name, getValueOnly = true) => { let rs = (attrArray || []).find(([key, value]) => { if (key === name) { return true; } return false; }); if (getValueOnly) { return rs[1]; } return rs; }; /** * parse {.class #id key=val} strings * @param {string} str: string to parse * @param {int} start: where to start parsing (including {) * @returns {2d array}: [['key', 'val'], ['class', 'red']] */ exports.getAttrs = function(str, start, options) { // not tab, line feed, form feed, space, solidus, greater than sign, quotation mark, apostrophe and equals sign const allowedKeyChars = /[^\t\n\f />"'=]/; const pairSeparator = ' '; const keySeparator = '='; const classChar = '.'; const idChar = '#'; const attrs = []; let key = ''; let value = ''; let parsingKey = true; let valueInsideQuotes = false; // read inside {} // start + left delimiter length to avoid beginning { // breaks when } is found or end of string for (let i = start + options.leftDelimiter.length; i < str.length; i++) { if (str.slice(i, i + options.rightDelimiter.length) === options.rightDelimiter) { if (key !== '') { attrs.push([key, value]); } break; } let char_ = str.charAt(i); // switch to reading value if equal sign if (char_ === keySeparator && parsingKey) { parsingKey = false; continue; } // {.class} {..css-module} if (char_ === classChar && key === '') { // console.log(str) if (str.charAt(i + 1) === classChar) { key = 'css-module'; i += 1; } else { key = 'class'; } parsingKey = false; continue; } // {#id} if (char_ === idChar && key === '') { key = 'id'; parsingKey = false; continue; } // {value="inside quotes"} if (char_ === '"' && value === '') { valueInsideQuotes = true; continue; } if (char_ === '"' && valueInsideQuotes) { valueInsideQuotes = false; continue; } // read next key/value pair if (char_ === pairSeparator && !valueInsideQuotes) { if (key === '') { // beginning or ending space: { .red } vs {.red} continue; } attrs.push([key, value]); key = ''; value = ''; parsingKey = true; continue; } // continue if character not allowed if (parsingKey && char_.search(allowedKeyChars) === -1) { continue; } // no other conditions met; append to key/value if (parsingKey) { key += char_; continue; } value += char_; } return attrs; }; /** * add attributes from [['key', 'val']] list * @param {array} attrs: [['key', 'val']] * @param {token} token: which token to add attributes * @returns token */ exports.addAttrs = function(attrs, token) { for (let j = 0, l = attrs.length; j < l; ++j) { let key = attrs[j][0]; // 多个. 支持 if (key === 'class') { token.attrJoin('class', attrs[j][1].split('.').join(' ')); } else if (key === 'css-module') { token.attrJoin('css-module', attrs[j][1].split('.').join(' ')); } else { token.attrPush(attrs[j]); } } return token; }; // 增加获取 attr string 方法 exports.getAttrsString = function(attrs, fn) { const defFN = (key, value) => `${key}="${value}"`; const cb = typeof fn === 'function' ? (key, value) => { const r = fn(key, value); if (r) { return r; } else { return defFN(key, value); } } : (key, value) => `${key}="${value}"`; const str = []; for (let j = 0, l = attrs.length; j < l; ++j) { let key = attrs[j][0]; // 多个. 支持 if (key === 'class' || key === 'css-module') { str.push(cb(key, attrs[j][1].split('.').join(' '))); } else { str.push(cb(key, attrs[j][1])); } } return str.join(' '); }; /** * Does string have properly formatted curly? * * start: '{.a} asdf' * middle: 'a{.b}c' * end: 'asdf {.a}' * only: '{.a}' * * @param {string} where to expect {} curly. start, middle, end or only. * @return {function(string)} Function which testes if string has curly. */ exports.hasDelimiters = function(where, options) { if (!where) { throw new Error('Parameter `where` not passed. Should be "start", "middle", "end" or "only".'); } /** * @param {string} str * @return {boolean} */ return function(str) { // we need minimum three chars, for example {b} let minCurlyLength = options.leftDelimiter.length + 1 + options.rightDelimiter.length; if (!str || typeof str !== 'string' || str.length < minCurlyLength) { return false; } function validCurlyLength(curly) { let isClass = curly.charAt(options.leftDelimiter.length) === '.'; let isId = curly.charAt(options.leftDelimiter.length) === '#'; return isClass || isId ? curly.length >= minCurlyLength + 1 : curly.length >= minCurlyLength; } let start, end, slice, nextChar; let rightDelimiterMinimumShift = minCurlyLength - options.rightDelimiter.length; switch (where) { case 'start': // first char should be {, } found in char 2 or more slice = str.slice(0, options.leftDelimiter.length); start = slice === options.leftDelimiter ? 0 : -1; end = start === -1 ? -1 : str.indexOf(options.rightDelimiter, rightDelimiterMinimumShift); // check if next character is not one of the delimiters nextChar = str.charAt(end + options.rightDelimiter.length); if (nextChar && options.rightDelimiter.indexOf(nextChar) !== -1) { end = -1; } break; case 'end': // last char should be } start = str.lastIndexOf(options.leftDelimiter); end = start === -1 ? -1 : str.indexOf(options.rightDelimiter, start + rightDelimiterMinimumShift); end = end === str.length - options.rightDelimiter.length ? end : -1; break; case 'only': // '{.a}' slice = str.slice(0, options.leftDelimiter.length); start = slice === options.leftDelimiter ? 0 : -1; slice = str.slice(str.length - options.rightDelimiter.length); end = slice === options.rightDelimiter ? str.length - options.rightDelimiter.length : -1; break; } return ( start !== -1 && end !== -1 && validCurlyLength(str.substring(start, end + options.rightDelimiter.length)) ); }; }; let latestOptions = {}; exports.setOptions = opts => { latestOptions = opts; }; exports.getOptions = () => { return latestOptions; }; /** * Removes last curly from string. */ exports.removeDelimiter = function(str, options) { const start = escapeRegExp(options.leftDelimiter); const end = escapeRegExp(options.rightDelimiter); let curly = new RegExp('[ \\n]?' + start + '[^' + start + end + ']+' + end + '$'); let pos = str.search(curly); return pos !== -1 ? str.slice(0, pos) : str; }; /** * Escapes special characters in string s such that the string * can be used in `new RegExp`. For example "[" becomes "\\[". * * @param {string} s Regex string. * @return {string} Escaped string. */ function escapeRegExp(s) { return s.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&'); } exports.escapeRegExp = escapeRegExp; /** * find corresponding opening block */ exports.getMatchingOpeningToken = function(tokens, i) { if (tokens[i].type === 'softbreak') { return false; } // non closing blocks, example img if (tokens[i].nesting === 0) { return tokens[i]; } // inline tokens changes level on same token // that have .nesting +- 1 let level = tokens[i].block ? tokens[i].level : tokens[i].level + 1; // adjust for inline tokens let type = tokens[i].type.replace('_close', '_open'); for (; i >= 0; --i) { if (tokens[i].type === type && tokens[i].level === level) { return tokens[i]; } } }; /** * from https://github.com/markdown-it/markdown-it/blob/master/lib/common/utils.js */ let HTML_ESCAPE_TEST_RE = /[&<>"]/; let HTML_ESCAPE_REPLACE_RE = /[&<>"]/g; let HTML_REPLACEMENTS = { '&': '&', '<': '<', '>': '>', '"': '"' }; function replaceUnsafeChar(ch) { return HTML_REPLACEMENTS[ch]; } exports.escapeHtml = function(str) { if (HTML_ESCAPE_TEST_RE.test(str)) { return str.replace(HTML_ESCAPE_REPLACE_RE, replaceUnsafeChar); } return str; }; ================================================ FILE: packages/nodeppt-parser/lib/markdown/cite.js ================================================ module.exports = function ins_plugin(md) { // https://github.com/markdown-it/markdown-it-mark/blob/master/index.js function tokenize(state, silent) { var i, scanned, token, len, ch, start = state.pos, marker = state.src.charCodeAt(start); if (silent) { return false; } if (marker !== 0x3d /* = */) { return false; } scanned = state.scanDelims(state.pos, true); len = scanned.length; ch = String.fromCharCode(marker); if (len < 2) { return false; } if (len % 2) { token = state.push('text', '', 0); token.content = ch; len--; } for (i = 0; i < len; i += 2) { token = state.push('text', '', 0); token.content = ch + ch; state.delimiters.push({ marker: marker, jump: i, token: state.tokens.length - 1, level: state.level, end: -1, open: scanned.can_open, close: scanned.can_close }); } state.pos += scanned.length; return true; } // Walk through delimiter list and replace text tokens with tags // function postProcess(state) { var i, j, startDelim, endDelim, token, loneMarkers = [], delimiters = state.delimiters, max = state.delimiters.length; for (i = 0; i < max; i++) { startDelim = delimiters[i]; if (startDelim.marker !== 0x3d /* = */) { continue; } if (startDelim.end === -1) { continue; } endDelim = delimiters[startDelim.end]; token = state.tokens[startDelim.token]; token.type = 'cite_open'; token.tag = 'cite'; token.nesting = 1; token.markup = '=='; token.content = ''; token = state.tokens[endDelim.token]; token.type = 'cite_close'; token.tag = 'cite'; token.nesting = -1; token.markup = '=='; token.content = ''; if (state.tokens[endDelim.token - 1].type === 'text' && state.tokens[endDelim.token - 1].content === '=') { loneMarkers.push(endDelim.token - 1); } } // If a marker sequence has an odd number of characters, it's splitted // like this: `~~~~~` -> `~` + `~~` + `~~`, leaving one marker at the // start of the sequence. // // So, we have to move all those markers after subsequent s_close tags. // while (loneMarkers.length) { i = loneMarkers.pop(); j = i + 1; while (j < state.tokens.length && state.tokens[j].type === 'cite_close') { j++; } j--; if (i !== j) { token = state.tokens[j]; state.tokens[j] = state.tokens[i]; state.tokens[i] = token; } } } md.inline.ruler.before('emphasis', 'cite', tokenize); md.inline.ruler2.before('emphasis', 'cite', postProcess); }; ================================================ FILE: packages/nodeppt-parser/lib/markdown/container.js ================================================ // 参考 markdown-it-container module.exports = function container_plugin(md, name, options) { function validateDefault(params) { return params.trim().split(' ', 2)[0] === name; } function renderDefault(tokens, idx, _options, env, slf) { // add a class to the opening tag if (tokens[idx].nesting === 1) { tokens[idx].attrJoin('class', name); } return slf.renderToken(tokens, idx, _options, env, slf); } function emptyFn(t) { return t; } options = options || {}; var min_markers = 3, marker_str = options.marker || ':', marker_char = marker_str.charCodeAt(0), marker_len = marker_str.length, validate = options.validate || validateDefault, handler = options.handler || emptyFn, render = options.render || renderDefault; function container(state, startLine, endLine, silent) { var pos, nextLine, marker_count, markup, params, token, old_parent, old_line_max, auto_closed = false, start = state.bMarks[startLine] + state.tShift[startLine], max = state.eMarks[startLine]; // Check out the first character quickly, // this should filter out most of non-containers // if (marker_char !== state.src.charCodeAt(start)) { return false; } // Check out the rest of the marker string // for (pos = start + 1; pos <= max; pos++) { if (marker_str[(pos - start) % marker_len] !== state.src[pos]) { break; } } marker_count = Math.floor((pos - start) / marker_len); if (marker_count < min_markers) { return false; } pos -= (pos - start) % marker_len; markup = state.src.slice(start, pos); params = state.src.slice(pos, max); if (!validate(params)) { return false; } // Since start is found, we can report success here in validation mode // if (silent) { return true; } // Search for the end of the block // nextLine = startLine; for (;;) { nextLine++; if (nextLine >= endLine) { // unclosed block should be autoclosed by end of document. // also block seems to be autoclosed by end of parent break; } start = state.bMarks[nextLine] + state.tShift[nextLine]; max = state.eMarks[nextLine]; if (start < max && state.sCount[nextLine] < state.blkIndent) { // non-empty line with negative indent should stop the list: // - ``` // test break; } if (marker_char !== state.src.charCodeAt(start)) { continue; } if (state.sCount[nextLine] - state.blkIndent >= 4) { // closing fence should be indented less than 4 spaces continue; } for (pos = start + 1; pos <= max; pos++) { if (marker_str[(pos - start) % marker_len] !== state.src[pos]) { break; } } // closing code fence must be at least as long as the opening one if (Math.floor((pos - start) / marker_len) < marker_count) { continue; } // make sure tail has spaces only pos -= (pos - start) % marker_len; pos = state.skipSpaces(pos); if (pos < max) { continue; } // found! auto_closed = true; break; } old_parent = state.parentType; old_line_max = state.lineMax; state.parentType = 'container'; // this will prevent lazy continuations from ever going past our end marker state.lineMax = nextLine; token = state.push('container_' + name + '_open', 'div', 1); token.markup = markup; token.block = true; token.info = params; token.map = [startLine, nextLine]; // 修正 let len = state.tokens.length - startLine; state.md.block.tokenize(state, startLine + 1, nextLine); token = state.push('container_' + name + '_close', 'div', -1); token.markup = state.src.slice(start, pos); token.block = true; token.info = params; // 这里测试下 handler(state, params, startLine + len - 1, len); state.parentType = old_parent; state.lineMax = old_line_max; state.line = nextLine + (auto_closed ? 1 : 0); return true; } md.block.ruler.before('fence', 'container_' + name, container, { alt: ['paragraph', 'reference', 'blockquote', 'list'] }); md.renderer.rules['container_' + name + '_open'] = render; md.renderer.rules['container_' + name + '_close'] = render; }; ================================================ FILE: packages/nodeppt-parser/lib/markdown/containers/blink.js ================================================ const name = 'blink'; module.exports = { validate(params) { return params.trim().match(new RegExp('^' + name + '\\s*(.*)$')); }, handler(state, opts, start) { function getOpenToken(tag, level) { const token = new state.Token('container_' + name + '_' + tag + '_open', tag, 1); token.block = true; token.level = 1 + level; return token; } function getCloseToken(tag, level) { const token = new state.Token('container_' + name + '_' + tag + '_close', tag, -1); token.block = true; token.level = 1 + level; return token; } // tokens const tokens = state.tokens; let open = false; let done = 0; for (let i = start; i < tokens.length; i++) { const token = tokens[i]; if (token.type === 'container_' + name + '_open') { // 在 open 后面插入 tokens.splice(i + 1, 0, getOpenToken('li', token.level), getOpenToken('a', token.level + 1)); open = true; i = i + 2; } else if (token.type === 'container_' + name + '_close') { // 在 close 之前插入 tokens.splice(i, 0, getCloseToken('a', token.level + 1), getCloseToken('li', token.level)); open = false; i = i + 2; } else if (open && 'hr' === token.type && done === 0) { // 第一层的 Hr 需要替换 tokens.splice( i, 1, getCloseToken('a', token.level), getCloseToken('li', token.level - 1), getOpenToken('li', token.level - 1), getOpenToken('a', token.level) ); i = i + 3; } else if (open) { if (token.type === 'paragraph_close' || token.type === 'paragraph_open') { tokens.splice(i, 1); i--; continue; } // 加深一层，因为外面多套了一层div token.level = token.level + 2; // 保证hr 是最贴近 container 的一层 if (/_open$/.test(token.type)) { done++; } else if (/_close$/.test(token.type)) { done--; } } } return state; }, render(tokens, idx) { const token = tokens[idx]; if (token.nesting === 1) { const cmIndex = token.attrIndex('css-module'); let clsIndex = token.attrIndex('class'); let attrs = token.attrs || []; if (clsIndex >= 0) { attrs[clsIndex][1] += cmIndex >= 0 ? ` flexblock blink border ${attrs[cmIndex][1]}` : ` flexblock blink border`; } else { attrs.push([ 'class', cmIndex >= 0 ? `flexblock blink border ${attrs[cmIndex][1]}` : `flexblock blink border` ]); } attrs = attrs.map(([key, value]) => { return `${key}="${value}"`; }); // opening tag return `- \n`;
} else {
// closing tag
return '
\n`;
} else {
// closing tag
return '
\n';
}
}
};
================================================
FILE: packages/nodeppt-parser/lib/markdown/containers/column.js
================================================
const name = 'column';
module.exports = {
validate(params) {
return params.trim().match(/^column\s*(.*)$/);
},
handler(state, opts) {
function getOpenToken(level) {
const token = new state.Token('container_' + name + '_item_open', 'div', 1);
token.block = true;
token.level = 1 + level;
token.attrs = [['class', name]];
return token;
}
function getCloseToken(level) {
const token = new state.Token('container_' + name + '_item_close', 'div', -1);
token.block = true;
token.level = 1 + level;
return token;
}
// tokens
const tokens = state.tokens;
let open = false;
let done = 0;
for (let i = 0; i < tokens.length; i++) {
const token = tokens[i];
if (token.type === 'container_' + name + '_open') {
// 在 open 后面插入
tokens.splice(i + 1, 0, getOpenToken(token.level));
open = true;
i++;
} else if (token.type === 'container_' + name + '_close') {
// 在 close 之前插入
tokens.splice(i, 0, getCloseToken(token.level));
open = false;
i++;
} else if (open && 'hr' === token.type && done === 0) {
// 第一层的 Hr 需要替换
tokens.splice(i, 1, getCloseToken(token.level - 1), getOpenToken(token.level - 1));
i++;
} else if (open) {
// 加深一层，因为外面多套了一层div
token.level = token.level + 1;
// 保证hr 是最贴近 container 的一层
if (/_open$/.test(token.type)) {
done++;
} else if (/_close$/.test(token.type)) {
done--;
}
}
}
return state;
},
render(tokens, idx) {
const token = tokens[idx];
if (token.nesting === 1) {
const cmIndex = token.attrIndex('css-module');
let clsIndex = token.attrIndex('class');
let attrs = token.attrs || [];
if (clsIndex >= 0) {
attrs[clsIndex][1] += cmIndex >= 0 ? ` grid ${attrs[cmIndex][1]}` : ' grid';
} else {
attrs.push(['class', cmIndex >= 0 ? `grid ${attrs[cmIndex][1]}` : 'grid']);
}
attrs = attrs.map(([key, value]) => {
return `${key}="${value}"`;
});
// opening tag
return `\n`;
} else {
// closing tag
return '
\n';
}
}
};
================================================
FILE: packages/nodeppt-parser/lib/markdown/containers/cta.js
================================================
const name = 'cta';
module.exports = {
validate(params) {
return params.trim().match(new RegExp('^' + name + '\\s*(.*)$'));
},
handler(state, opts) {
function getOpenToken(tag, level) {
const token = new state.Token('container_' + name + '_' + tag + '_open', tag, 1);
token.block = true;
token.level = 1 + level;
return token;
}
function getCloseToken(tag, level) {
const token = new state.Token('container_' + name + '_' + tag + '_close', tag, -1);
token.block = true;
token.level = 1 + level;
return token;
}
// tokens
const tokens = state.tokens;
let open = false;
let done = 0;
let count = 1;
let level = 1;
let imgStart = 0,
imgEnd = 0;
let ctxStart = 0,
ctxEnd = 0;
let img = [],
context = [];
for (let i = 0; i < tokens.length; i++) {
let token = tokens[i];
if (token.type === 'container_' + name + '_open') {
// 在 open 后面插入
open = true;
level = token.level + 1;
} else if (token.type === 'container_' + name + '_close') {
// 在 close 之前插入
open = false;
} else if (open && 'hr' === token.type && done === 0) {
tokens.splice(i, 1);
i--;
count++;
} else if (open) {
// 加深一层，因为外面多套了一层div
// token.level = token.level + 2;
// 保证hr 是最贴近 container 的一层
if (/_open$/.test(token.type)) {
done++;
} else if (/_close$/.test(token.type)) {
done--;
}
if (count === 1) {
if (!imgStart) {
imgStart = i;
} else {
imgEnd = i;
}
img.push(token);
} else {
if (!ctxStart) {
ctxStart = i;
} else {
ctxEnd = i;
}
token.level = token.level + 1;
context.push(token);
}
}
}
// 分组完成
const divNumber = getOpenToken('div', level - 1);
divNumber.attrPush(['class', 'number']);
tokens.splice(imgStart, imgEnd - imgStart + 1, divNumber, ...img, getCloseToken('div', level - 1));
const divToken = getOpenToken('div', level - 1);
divToken.attrPush(['class', 'benefit']);
tokens.splice(ctxStart + 2, ctxEnd - ctxStart + 3, divToken, ...context, getCloseToken('div', level - 1));
return state;
},
render(tokens, idx) {
const token = tokens[idx];
if (token.nesting === 1) {
const cmIndex = token.attrIndex('css-module');
let clsIndex = token.attrIndex('class');
let attrs = token.attrs || [];
if (clsIndex >= 0) {
attrs[clsIndex][1] += cmIndex >= 0 ? ` cta ${attrs[cmIndex][1]}` : ` cta`;
} else {
attrs.push(['class', cmIndex >= 0 ? ` cta ${attrs[cmIndex][1]}` : ` cta`]);
}
attrs = attrs.map(([key, value]) => {
return `${key}="${value}"`;
});
// opening tag
return `\n`;
} else {
// closing tag
return '
\n';
}
}
};
================================================
FILE: packages/nodeppt-parser/lib/markdown/containers/div.js
================================================
const {getAttrs, getAttrsString} = require('../attrs/utils');
module.exports = {
validate(params) {
return true;
},
handler(state, opts) {
return state;
},
render(tokens, idx) {
const token = tokens[idx];
let tag = 'div';
if (['footer', 'note', 'header'].includes(token.info)) {
tag = token.info;
}
if (token.nesting === 1) {
let attrs = token.attrs || [];
attrs = attrs.map(([key, value]) => {
return `${key}="${value}"`;
});
// opening tag
return `<${tag} ${attrs.join(' ')}>\n`;
} else {
// closing tag
return `\n`;
}
}
};
================================================
FILE: packages/nodeppt-parser/lib/markdown/containers/features.js
================================================
const name = 'features';
module.exports = {
validate(params) {
return params.trim().match(new RegExp('^' + name + '\\s*(.*)$'));
},
handler(state, opts, start) {
function getOpenToken(tag, level) {
const token = new state.Token('container_' + name + '_' + tag + '_open', tag, 1);
token.block = true;
token.level = 1 + level;
return token;
}
function getCloseToken(tag, level) {
const token = new state.Token('container_' + name + '_' + tag + '_close', tag, -1);
token.block = true;
token.level = 1 + level;
return token;
}
// tokens
const tokens = state.tokens;
let open = false;
let done = 0;
for (let i = start; i < tokens.length; i++) {
const token = tokens[i];
if (token.type === 'container_' + name + '_open') {
// 在 open 后面插入
tokens.splice(i + 1, 0, getOpenToken('li', token.level), getOpenToken('div', token.level + 1));
open = true;
i = i + 2;
} else if (token.type === 'container_' + name + '_close') {
// 在 close 之前插入
tokens.splice(i, 0, getCloseToken('div', token.level + 1), getCloseToken('li', token.level));
open = false;
i = i + 2;
} else if (open && 'hr' === token.type && done === 0) {
// 第一层的 Hr 需要替换
tokens.splice(
i,
1,
getCloseToken('div', token.level),
getCloseToken('li', token.level - 1),
getOpenToken('li', token.level - 1),
getOpenToken('div', token.level)
);
i = i + 3;
} else if (open) {
// 加深一层，因为外面多套了一层div
token.level = token.level + 2;
// 保证hr 是最贴近 container 的一层
if (/_open$/.test(token.type)) {
done++;
} else if (/_close$/.test(token.type)) {
done--;
}
}
}
return state;
},
render(tokens, idx) {
const token = tokens[idx];
if (token.nesting === 1) {
const cmIndex = token.attrIndex('css-module');
let clsIndex = token.attrIndex('class');
let attrs = token.attrs || [];
if (clsIndex >= 0) {
attrs[clsIndex][1] +=
cmIndex >= 0 ? ` flexblock features ${attrs[cmIndex][1]}` : ` flexblock features`;
} else {
attrs.push([
'class',
cmIndex >= 0 ? `flexblock features ${attrs[cmIndex][1]}` : `flexblock features`
]);
}
attrs = attrs.map(([key, value]) => {
return `${key}="${value}"`;
});
// opening tag
return `- \n`;
} else {
// closing tag
return '
- \n`;
} else {
// closing tag
return '
- \n`;
} else {
// closing tag
return '
- \n`;
} else {
// closing tag
return '
- \n`;
} else {
// closing tag
return '
- \n`;
} else {
// closing tag
return '
- \n`;
} else {
// closing tag
return '
${err}`;
}
}
return temp(tokens, idx, options, env, slf);
};
};
================================================
FILE: packages/nodeppt-parser/lib/markdown/fa.js
================================================
const mditr = require('./regexp');
module.exports = md => {
// FA4 style.
md.use(
mditr(
/\:fa-(.+?)\:/,
(match, utils) => {
return '';
},
'fa_inline'
)
);
md.use(
mditr(
/\:\~fa-(.+?)~\:/,
(match, utils) => {
return '';
},
'fa_span'
)
);
md.use(
mditr(
/\:\:fa-(.+?)\:\:/,
(match, utils) => {
return '';
},
'fa_block'
)
);
md.core.ruler.push('fa_blockify', function(state) {
var paragraphTokensToRemove = [];
var lastInlineTokenSeen;
for (var blkIdx = 0; blkIdx < state.tokens.length; blkIdx++) {
if (state.tokens[blkIdx].type !== 'paragraph_open') {
continue;
}
var nextBlkToken = state.tokens[blkIdx + 1];
if (nextBlkToken.type !== 'inline') {
continue;
}
// FIXME Incorrect and a hack:
// ,
there. // FIXME Quadratic time in worst case, I think? var paragraphTokensToRemove = []; var lastInlineTokenSeen; for (var blkIdx = 0; blkIdx < state.tokens.length; blkIdx++) { if (state.tokens[blkIdx].type !== 'paragraph_open') { continue; } var nextBlkToken = state.tokens[blkIdx + 1]; if (nextBlkToken.type !== 'inline' || nextBlkToken.children[0].type !== 'jsx_inline') { continue; } // FIXME Incorrect and a hack: //${code}