[feature] Fix indent in imported code snippets (#377)

Automatically fix the indentation of imported code snippets (useful when importing partial snippet files).

Author: xbill82

package-lock.json

@@ -30,6 +30,7 @@
     "docsearch.js": "^2.6.3",
     "eslint": "^5.16.0",
     "expose-loader": "^0.7.5",
+    "fix-indents": "^0.1.2092",
     "indent-string": "^4.0.0",
     "js-cookie": "^2.2.0",
     "lunr": "^2.3.6",

package.json

@@ -1,4 +1,5 @@
 const { fs, path } = require('@vuepress/shared-utils');
+const fixIndents = require('fix-indents');
 
 module.exports = function snippet(md, options = {}) {
   const root = options.root || process.cwd();
@@ -47,12 +48,14 @@ module.exports = function snippet(md, options = {}) {
       rawPath = rawPath.replace(snippetId, '');
     }
 
+    // Extract line highligts (if present)
     let highlights = rawPath.match(/{.*}/);
     if (highlights && highlights[0]) {
       highlights = highlights[0];
       rawPath = rawPath.replace(highlights, '');
     }
 
+    // Extract language highlighting (if present)
     let language = rawPath.match(/\[([a-z]*)\]/);
     if (language && language[0]) {
       rawPath = rawPath.replace(language[0], '');
@@ -84,6 +87,11 @@ module.exports = function snippet(md, options = {}) {
     content = content.replace(/.*snippet:start(:\d+)?.*\n/g, '');
     content = content.replace(/.*snippet:end.*\n/g, '');
 
+    // Fix indentation in code content
+    content = fixIndents(content, {
+      countSpaces: 2
+    });
+
     // Extract meta (line highlight)
     const fileExtension = filename.split('.').pop();
     const meta = `${language ? language : fileExtension}${