var Prism = require('prismjs'); var languages = require('prismjs').languages; var path = require('path'); var fs = require('fs'); var cheerio = require('cheerio'); var mkdirp = require('mkdirp'); var DEFAULT_LANGUAGE = 'markup'; var MAP_LANGUAGES = { 'py': 'python', 'js': 'javascript', 'rb': 'ruby', 'csharp': 'cs', 'html': 'markup' }; function getAssets() { var cssFiles = this.config.get('pluginsConfig.prism.css', []); var cssFolder = null; var cssNames = []; var cssName = null; if (cssFiles.length === 0) { cssFiles.push('prismjs/themes/prism.css'); } cssFiles.forEach(function(cssFile) { var cssPath = require.resolve(cssFile); cssFolder = path.dirname(cssPath); cssName = path.basename(cssPath); cssNames.push(cssName); }); return { assets: cssFolder, css: cssNames }; } module.exports = { book: getAssets, ebook: function() { // Adding prism-pdf.css to the CSS collection forces Gitbook to add a reference to it in the html // markup that is converted into a PDF. var assets = getAssets.call(this); assets.css.push('prism-pdf.css'); return assets; }, blocks: { code: function(block) { var highlighted = ''; // Normalize language id var lang = block.kwargs.language || DEFAULT_LANGUAGE; lang = MAP_LANGUAGES[lang] || lang; // Try and find the language definition in components folder if (!languages[lang]) { try { require('prismjs/components/prism-' + lang + '.js'); } catch (e) { console.warn('Failed to load prism syntax: ' + lang); console.warn(e); } } if (!languages[lang]) lang = DEFAULT_LANGUAGE; // Check against html, prism "markup" works for this if (lang === 'html') { lang = 'markup'; } try { // The process can fail (failed to parse) highlighted = Prism.highlight(block.body, languages[lang]); } catch (e) { console.warn('Failed to highlight:'); console.warn(e); highlighted = block.body; } return highlighted; } }, hooks: { // Copy prism-pdf.css into the temporary directory that Gitbook uses for inlining // styles from this plugin. This is done manually because prism-pdf.css lives outside // the asset folder referenced above in getAssets(). // // Inspired by https://github.com/GitbookIO/plugin-styles-less/blob/master/index.js#L8 init: function() { var book = this; var outputDirectory = book.output.root() + '/gitbook/gitbook-plugin-prism'; var outputFile = path.resolve(outputDirectory, 'prism-pdf.css'); var inputFile = path.resolve(__dirname, './prism-pdf.css'); mkdirp.sync(outputDirectory + 'gitbook/gitbook-plugin-prism'); try { fs.writeFileSync(outputFile, fs.readFileSync(inputFile)); } catch (e) { console.warn('Failed to write prism-pdf.css. See https://git.io/v1LHY for side effects.'); console.warn(e); } }, page: function(page) { var highlighted = false; var $ = cheerio.load(page.content); // Prism css styles target the and
 blocks using
      // a substring CSS selector:
      //
      //    code[class*="language-"], pre[class*="language-"]
      //
      // Adding "language-" to 
 element should be sufficient to trigger
      // correct color theme.
      $('pre').each(function() {
        highlighted = true;
        const $this = $(this);
        $this.addClass('language-');
      });

      if (highlighted) {
        page.content = $.html();
      }

      return page;
    }
  }
};