Feature request: Syntax highlighting for code blocks

[littledivy]

Awesome module! I've been working on a lightweight syntax highlighter, Hue. Would love to see it being used here :D

[littletof]

@littledivy Thanks!

Cool, I will look into it. I think it should work as an extension, so its optional.
To be honest I havent looked into the extension part of it yet, but this could be a good first candidate for it.

[littletof]

@littledivy
Extensions got implemented with #6, so it should now be possible to create an extension, that renders codeblocks with hue.

[littletof]

@littledivy
For a crude example, this code below shows an extension, that uses hue to format codeblocks.

import { DefaultTheme } from "https://deno.land/x/[email protected]/themes/mod.ts";
import Typescript from "https://deno.land/x/[email protected]/languages/typescript/typescript.ts";

const CodeBlockExt = {
    generateNode(genFn: any, node: Node, parent: Node, options: Options) {
          if(node.type === 'code') {
            let code: string = node.value;

            switch(node.lang) {
              case 'ts':
                code = new Typescript(node.value, DefaultTheme, { output: "console"}).highlight();
                break;
            }

            // just some formatting
            const lineStart = colors.bgWhite(colors.white(' '));
            let result = 
              colors.bgWhite(colors.black(` codeblock [${node.lang}]`) + colors.white(''.padEnd(45, '.')))  +'\r\n'
              + lineStart+'\r\n'
              + code.split(/\r?\n/).map(hl => lineStart + '\t' + hl).join('\r\n') + '\r\n'
              + lineStart+'\r\n'
              + colors.bgWhite(colors.white(''.padEnd(60, '.'))) + '\r\n';

            return result;
          }
      }
}

let md = '';// your markdown text with codeblocks;
console.log(renderMarkdown(md, {extensions: [CodeBlockExt]}))

results in:

Closing this as extensions provide the possibility to do what you requested as seen above, and currently I dont plan to provide official extensions.
Feel free to reopen this issue, if you have more to add to this.