fix(template): add {{{backtick}} for template (#56)

* fix(template): add {{{backtick}} for template

* style: fix lint

Author: azu

src/backtick-maker.js

@@ -0,0 +1,19 @@
+// MIT © 2017 azu
+"use strict";
+
+const codeBlockBackTick = /```/;
+
+/**
+ * backtcik count is 3 by default.
+ * But, We should increase backtick if content include ```.
+ * https://github.com/azu/gitbook-plugin-include-codeblock/issues/55
+ * https://stackoverflow.com/questions/33224686/how-to-render-triple-backticks-as-inline-code-block-in-markdown
+ * @param {string} content
+ * @return {string} codebloack begin/end backtick
+ */
+export function codeBlockBacktick(content) {
+    if (codeBlockBackTick.test(content)) {
+        return "````";
+    }
+    return "```";
+}

src/parser.js

@@ -10,6 +10,8 @@ import { getMarker, hasMarker, markerSliceCode, removeMarkers } from "./marker";
 import { sliceCode, hasSliceRange, getSliceRange } from "./slicer";
 import { hasTitle } from "./title";
 import { getTemplateContent, readFileFromPath } from "./template";
+import { codeBlockBacktick } from "./backtick-maker";
+
 const markdownLinkFormatRegExp = /\[((?:[^\]]|\\.)*?)\]\(((?:[^\)]|\\.)*?)\)/gm;
 
 const keyEx = "\\w+";
@@ -63,7 +65,11 @@ export function strip(s) {
     if (s === undefined || s === "") {
         return s;
     }
-    const indents = s.split(/\n/).map(s => s.match(/^[ \t]*(?=\S)/)).filter(m => m).map(m => m[0]);
+    const indents = s
+        .split(/\n/)
+        .map(s => s.match(/^[ \t]*(?=\S)/))
+        .filter(m => m)
+        .map(m => m[0]);
     const smallestIndent = indents.sort((a, b) => a.length - b.length)[0];
     return s.replace(new RegExp(`^${smallestIndent}`, "gm"), "");
 }
@@ -163,9 +169,10 @@ export function parseVariablesFromLabel(kvMap, label) {
  * @param {string} fileName
  * @param {string} originalPath
  * @param {string} content
+ * @param {string} backtick
  * @return {string}
  */
-export function generateEmbedCode(kvMap, { fileName, originalPath, content }) {
+export function generateEmbedCode(kvMap, { fileName, originalPath, content, backtick }) {
     const tContent = getTemplateContent(kvMap);
     const kv = Object.assign({}, kvMap);
     const count = hasTitle(kv) ? codeCounter() : -1;
@@ -174,7 +181,8 @@ export function generateEmbedCode(kvMap, { fileName, originalPath, content }) {
         content: content,
         count: count,
         fileName: fileName,
-        originalPath: originalPath
+        originalPath: originalPath,
+        backtick
     });
     // compile template
     const handlebars = Handlebars.compile(tContent);
@@ -206,7 +214,7 @@ export function embedCode(kvMap, { filePath, originalPath, label }) {
     const kvm = getLang(kvmparsed, originalPath);
     const unindent = kvm.unindent;
 
-    var content = code;
+    let content = code;
     // Slice content via line numbers.
     if (hasSliceRange(label)) {
         const [start, end] = getSliceRange(label);
@@ -219,7 +227,9 @@ export function embedCode(kvMap, { filePath, originalPath, label }) {
     if (unindent === true) {
         content = strip(content);
     }
-    return generateEmbedCode(kvm, { fileName, originalPath, content });
+
+    const backtick = codeBlockBacktick(content);
+    return generateEmbedCode(kvm, { fileName, originalPath, content, backtick });
 }
 
 /**

src/template.js

@@ -10,7 +10,7 @@ import { defaultBookOptionsMap, defaultTemplateMap } from "./options.js";
  * @return {string}
  */
 export function readFileFromPath(path) {
-    var content;
+    let content;
     try {
         content = fs.readFileSync(path, "utf8");
     } catch (err) {
@@ -35,8 +35,8 @@ export function getTemplateContent(kvMap) {
     const tPath = defaultTemplateMap[t];
     const dtPath = defaultTemplateMap[dt];
 
-    const isTemplateDefault = t == dt;
-    const isTemplatePath = tPath == undefined;
+    const isTemplateDefault = t === dt;
+    const isTemplatePath = tPath === undefined;
 
     let p;
     // No template option.
@@ -49,6 +49,5 @@ export function getTemplateContent(kvMap) {
         // Template option one of template/ directory.
         p = tPath || dtPath;
     }
-    const content = readFileFromPath(p);
-    return content;
+    return readFileFromPath(p);
 }

templates/default-template.hbs

@@ -1,3 +1,3 @@
-``` {{lang}}
+{{{backtick}}} {{lang}}
 {{{content}}}
-```
+{{{backtick}}}

templates/full-template.hbs

@@ -20,6 +20,6 @@
 {% endif %}
 {{/if}}
 
-``` {{lang}}
+{{{backtick}}} {{lang}}
 {{{content}}}
-```
+{{{backtick}}}

test/patterns/import-codeblock-issues-55/actual.md

@@ -0,0 +1 @@
+[import](test.js)

test/patterns/import-codeblock-issues-55/book.js

@@ -0,0 +1,7 @@
+const fs = require("fs");
+module.exports = {
+    "pluginsConfig": {
+        "include-codeblock": {
+        }
+    }
+};

test/patterns/import-codeblock-issues-55/expected.md

@@ -0,0 +1,11 @@
+```` javascript
+/**
+ * @example
+ * ```js
+ * a()
+ * ```
+ */
+function a(){
+
+}
+````

test/patterns/import-codeblock-issues-55/test.js

@@ -0,0 +1,9 @@
+/**
+ * @example
+ * ```js
+ * a()
+ * ```
+ */
+function a(){
+
+}