swyxio · September 28, 2021 03:10 · swyxio · Sep 27, 2020
diff --git a/elderjs-shortcode-motivation.md b/elderjs-shortcode-motivation.md
diff --git a/remark-replace.js b/remark-replace.js
 const visit = require("unist-util-visit");

 // info used in writing this
 // https://github.com/angeloashmore/gatsby-remark-find-replace/blob/master/src/index.js
 // https://swizec.com/blog/how-to-build-a-remark-plugin-to-supercharge-your-static-site/

 const replacements = {
  ' %}': ` /%}` // the key replacement we are doing
 }
 // RegExp to find any replacement keys.
 const regexp = RegExp(
  '(' +
    Object.keys(replacements)
      .join('|') +
    ')',
  'g',
 )

 const replacer = (_match, name) => replacements[name]

 module.exports =  function plugin(){
  return function transformer(tree) {
    visit(tree, ['text', 'html'], node => {
      const processedText = node.value.replace(regexp, replacer)
      node.value = processedText
    });
  };
 }

 /*
 * 
 * usage... eg in elderjs markdown plugin
 * 
 */

 let _preset = {
  settings: {},
  plugins: [
    // other plugins here
    require('./remark-replace') // the one we wrote above
  ],
 }


 async function parseMarkdown({filePath, markdown}) {
  var post_vfile = vfile({ path: filePath, contents: markdown });
  const file = await unified()
    .use(_preset) // using the plugins
    .process(post_vfile)
    .catch((err) => {
      console.error(report(post_vfile));
      throw err;
    });
  file.extname = '.html';
  return file.toString();
 }
No results found