const {existsSync} = require('fs'); const {join} = require('path'); const map = require('unist-util-map'); const CODEPEN_PROTOCOL = 'codepen://'; const DEFAULT_LINK_TEXT = 'Try it on CodePen'; // TODO target="_blank" module.exports = ({markdownAST}) => { map(markdownAST, (node, index, parent) => { // eg convert // from: [](codepen:introducing-jsx) // to: Try it on CodePen // from: [Try the Hello World example on CodePen](codepen:hello-world) // to: Try the Hello World example on CodePen if (node.type === 'link' && node.url.startsWith(CODEPEN_PROTOCOL)) { const href = node.url.replace(CODEPEN_PROTOCOL, '/codepen/'); const text = node.children.length === 0 ? DEFAULT_LINK_TEXT : node.children[0].value; // Verify that the specified example file exists. const filePath = join(__dirname, `../../${href}.js`); if (!existsSync(filePath)) { console.error( `Invalid Codepen link specified; no such file "${filePath}"`, ); process.exit(1); } const anchorOpenNode = { type: 'html', value: ``, }; const textNode = { type: 'text', value: text, }; const anchorCloseNode = { type: 'html', value: '', }; parent.children.splice( index, 1, anchorOpenNode, textNode, anchorCloseNode, ); } // No change return node; }); };