Skip to content

Commit c3bc61f

Browse files
committed
Initial commit
1 parent 9c05331 commit c3bc61f

File tree

4 files changed

+85
-0
lines changed

4 files changed

+85
-0
lines changed

package-lock.json

Lines changed: 29 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

package.json

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
{
2+
"name": "gatsby-remark-classes",
3+
"version": "0.1.0",
4+
"description": "",
5+
"main": "src/index.js",
6+
"keywords": ["gatsby"],
7+
"author": "Chris Greindl <[email protected]>",
8+
"license": "MIT",
9+
"dependencies": {
10+
"unist-util-visit": "^1.4.0"
11+
}
12+
}

src/applyClassesToNode.js

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
// Format:
2+
// data: { hProperties: { className: [] } }
3+
module.exports.applyClassesToNode = () => {
4+
node.data = node.data || {};
5+
node.data.hProperties = node.data.hProperties || {};
6+
node.data.hProperties.className = node.data.hProperties.className || [];
7+
8+
node.data.hProperties.className.push(classes);
9+
10+
return node;
11+
}

src/index.js

Lines changed: 33 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,33 @@
1+
const visit = require('unist-util-visit');
2+
3+
const applyClassesToNode = require('./applyClassesToNode');
4+
5+
module.exports = (
6+
{ markdownAST },
7+
{ classMap = {} }
8+
) => {
9+
// @see: https://github.com/syntax-tree/mdast#nodes
10+
visit(markdownAST, `heading`, node => {
11+
const selector = `h${node.depth}`;
12+
13+
if (selector in classMap) {
14+
node = applyClassesToNode(node, classMap[selector]);
15+
}
16+
});
17+
18+
visit(markdownAST, `table`, node => {
19+
const selector = `table`;
20+
21+
if (selector in classMap) {
22+
node = applyClassesToNode(node, classMap[selector]);
23+
}
24+
});
25+
26+
visit(markdownAST, `paragraph`, node => {
27+
const selector = `paragraph`;
28+
29+
if (selector in classMap) {
30+
node = applyClassesToNode(node, classMap[selector]);
31+
}
32+
});
33+
}

0 commit comments

Comments
 (0)