Changed: update to remark-autolink-headings@^4.0.0

MoOx · Aug 22, 2016 · bd5a898 · bd5a898
1 parent 7e275b7
commit bd5a898
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 6 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,7 @@
 # HEAD
 
+- Changed: update to ``remark-autolink-headings@^4.0.0``.
+  This might fix issue with missing links for headings.
 - Changed: ``phenomic/lib/content-loader`` reference is deprecated in favor of
   ``import { phenomicLoader } from "phenomic"``.
   You can use ``phenomicLoader`` variable in webpack configuration to reference

diff --git a/package.json b/package.json
@@ -63,7 +63,7 @@
     "react-router-scroll": "^0.3.1",
     "redbox-react": "^1.2.2",
     "remark": "^5.0.0",
-    "remark-autolink-headings": "^3.0.0",
+    "remark-autolink-headings": "^4.0.0",
     "remark-highlight.js": "^4.0.0",
     "remark-html": "^5.0.0",
     "remark-slug": "^4.1.0",

diff --git a/src/phenomic-loader-plugin-markdown-transform-body-property-to-html/__tests__/index.js b/src/phenomic-loader-plugin-markdown-transform-body-property-to-html/__tests__/index.js
@@ -10,7 +10,9 @@ test("should add raw property from content", (t) => {
       },
     }),
     {
-      body: `<h1 id="raw"><a href="#raw"></a>raw</h1>\n`,
+      body:
+        "<h1 id=\"raw\"><a href=\"#raw\" class=\"phenomic-HeadingAnchor\">#" +
+        "</a>raw</h1>\n",
     }
   )
 })
diff --git a/src/phenomic-loader-plugin-markdown-transform-body-property-to-html/index.js b/src/phenomic-loader-plugin-markdown-transform-body-property-to-html/index.js
@@ -13,10 +13,13 @@ function mdify(text) {
 
     // https://github.com/ben-eb/remark-autolink-headings
     .use(autoLinkHeadings, {
-      attributes: {
-        class: "phenomic-HeadingAnchor",
+      content: {
+        type: "text",
+        value: "#",
+      },
+      linkProperties: {
+        className: "phenomic-HeadingAnchor",
       },
-      template: "#",
     })
 
     // https://github.com/wooorm/remark-html
@@ -42,4 +45,3 @@ export default (
     body: mdify(result.body),
   }
 }
-