forked from rajdee/posthtml-bem
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.js
116 lines (94 loc) · 2.86 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
module.exports = function (config) {
'use strict';
var _createBlockClass,
_createElemClass,
_createModClass,
_createClassList,
_parseChildren,
_assignClassList;
config = config ||
{
elemPrefix: '__',
modPrefix: '--'
};
_createBlockClass = function (block) {
return block;
};
_createElemClass = function (blockClass, elemName) {
return blockClass + config.elemPrefix + elemName;
};
_createModClass = function (baseClass, mod) {
var className = '',
modClass;
mod.replace(/\s+(?=[^\{\}]*\})/g, '@@')
.replace(/\s{2,}/g, ' ') // remove more than one whitespace
.split(' ')
.forEach(function (mod) {
mod = mod.replace(/@@/g, ' ');
modClass = baseClass + config.modPrefix + mod;
className += ' ' + modClass;
});
return className;
};
_createClassList = function (selector) {
var result = '',
block,
elem;
if (selector.block && !selector.element) {
block = _createBlockClass(selector.block);
result = block;
}
if (selector.block && selector.element) {
elem = _createElemClass(selector.block, selector.element);
result = elem;
}
if (selector.mod) {
result += _createModClass(result, selector.mod);
}
return result;
};
_assignClassList = function (attributes, node) {
if( typeof attributes === 'undefined' )
return;
var classes,
classSet = {
block: '',
element: '',
mod: ''
};
['block', 'element', 'mod'].forEach(function (attr) {
if (attr in attributes) {
classSet[attr] = attributes[attr];
delete node.attrs[attr];
}
});
classes = _createClassList(classSet);
if (classes) {
node.attrs.class = node.attrs.class ?
[classes, node.attrs.class].join(' ') :
classes;
return classSet;
}
};
_parseChildren = function(node, blockClass){
var nodeAttrs;
nodeAttrs = _assignClassList(node.attrs, node);
if(!nodeAttrs)
nodeAttrs = {block:blockClass};
if (node.content && typeof node.content === 'object') {
node.content.forEach(function (children) {
if (children.attrs && children.attrs.element && !children.attrs.block) {
children.attrs.block = nodeAttrs.block;
}
_parseChildren(children, nodeAttrs.block);
});
}
};
return function posthtmlBem(tree) {
tree.match({attrs: {block: true}}, function (node) {
_parseChildren(node);
return node;
});
return tree;
};
};