Customize renderer for block level code in marked module

bin/slm.js

@@ -240,6 +240,25 @@ const compile = {
 
       marked.setOptions(options().config.marked);
 
+      /**
+       * Renderer for code blocks
+       *
+       * @var {Object}
+       */
+      let renderer = {
+        code(code) {
+          let escaped = code.replace(/&/g, '&')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/'/g, '&#39;')
+            .replace(/"/g, '&quot;');
+
+          return `<div class="code-block"><pre>${escaped}</pre></div>`;
+        }
+      };
+
+      marked.use({renderer});
+
       md = marked(md);
 
       md = mrkdwn.slm(md);

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nycopportunity/pttrn",
   "nice": "Patterns CLI",
-  "version": "1.4.7",
+  "version": "1.5.0",
   "description": "A front-end CLI for building and managing design pattern libraries",
   "author": "[email protected]",
   "license": "GPL-3.0+",