configure remark

rigor789 · rigor789 · commit 60dc00a7c445 · 2018-01-01T23:22:30.000Z
diff --git a/build/plugins/remark.js b/build/plugins/remark.js
@@ -1,16 +1,36 @@
 const remark = require('remark');
 const lint = require('remark-preset-lint-recommended');
 const html = require('remark-html');
+const highlight = require('remark-highlight.js');
+const slug = require('remark-slug');
+const github = require('remark-github');
+const headings = require('remark-autolink-headings');
+const squeezeParagraphs = require('remark-squeeze-paragraphs');
+const remarkPing = require('remark-ping');
 const report = require('vfile-reporter');
 
 function processMarkdown(contents) {
   return new Promise((resolve, reject) => {
     remark()
       .use(lint)
+      .use(slug)
+      // todo: figure out why this isn't creating any anchors
+      // .use(headings, {
+      //   behaviour: 'wrap',
+      // })
+      .use(highlight)
+      .use(squeezeParagraphs)
+      .use(github, {
+        repository: 'rigor789/nativescript-vue'
+      })
+      .use(remarkPing, {
+        pingUsername: () => true,
+        userURL: (user) => `https://github.com/${user}`
+      })
       .use(html)
       .process(contents, (err, file) => {
         if (err) reject(err);
-
+        // console.log(file.toString());
         resolve(file);
       })
   })
diff --git a/layouts/_partials/meta.ejs b/layouts/_partials/meta.ejs
@@ -2,5 +2,6 @@
 <meta name="viewport"
       content="width=device-width, initial-scale=1.0">
 <meta http-equiv="X-UA-Compatible" content="ie=edge">
+<link rel="stylesheet" href="https://unpkg.com/highlight.js@9.12.0/styles/paraiso-dark.css">
 <link rel="stylesheet" href="https://unpkg.com/github-markdown-css@2.9.0/github-markdown.css">
 <link rel="stylesheet" href="/styles.css">
diff --git a/package.json b/package.json
@@ -35,8 +35,14 @@
     "multimatch": "^2.1.0",
     "permalinks": "^1.2.1",
     "remark": "^8.0.0",
+    "remark-autolink-headings": "^5.0.0",
+    "remark-github": "^7.0.2",
+    "remark-highlight.js": "^5.0.0",
     "remark-html": "^7.0.0",
+    "remark-ping": "^1.0.8",
     "remark-preset-lint-recommended": "^3.0.1",
+    "remark-slug": "^5.0.0",
+    "remark-squeeze-paragraphs": "^3.0.1",
     "table-of-contents-json": "^1.2.0",
     "tailwindcss": "^0.4.0",
     "vfile-reporter": "^4.0.0"
diff --git a/src/styles.css b/src/styles.css
@@ -30,4 +30,4 @@
 
 .markdown-body {
     @apply .mt-8;
-}
+}
diff --git a/static/styles.css b/static/styles.css
@@ -13480,4 +13480,4 @@ button,
   .xl\:bg-docs-gradient {
     background: linear-gradient(90deg, #f1f5f8 50%, #fff 50%);
   }
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -13480,4 +13480,4 @@ button,`
`13480`	`13480`	`.xl\:bg-docs-gradient {`
`13481`	`13481`	`background: linear-gradient(90deg, #f1f5f8 50%, #fff 50%);`
`13482`	`13482`	`}`
`13483`		`-}`
	`13483`	`+}`