forked from ionic-team/ionic-framework
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathparse-sass.js
More file actions
170 lines (140 loc) · 4.36 KB
/
parse-sass.js
File metadata and controls
170 lines (140 loc) · 4.36 KB
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
var path = require('path');
var fs = require('fs');
var Q = require('q');
var sassdoc = require('sassdoc');
module.exports = function parseSass () {
return {
$runBefore: ['rendering-docs'],
$process: function (docs) {
var folders = [];
var docsByComponent = [];
var promises = [];
var returnPromise = Q.defer();
// for each doc, check if new folder(component)
// if yes, get styles promises
docs.forEach( function(doc, index) {
if (doc.fileInfo) {
var folder = doc.fileInfo.filePath
.split('/')
.filter( function (item, index, self) {
return index !== self.length - 1;
})
.join('/');
if(folders.indexOf(folder) === -1) {
folders.push(folder);
docsByComponent.push([doc]);
promises.push( getStyles(folder, docsByComponent.length - 1) );
} else {
docsByComponent[folders.indexOf(folder)].push(doc);
}
}
});
// when all promises are completed, add sass info
Q.allSettled(promises).spread( function () {
var folders = Array.prototype.map.bind(arguments)(function (item) {
return item.value;
});
appendStyles(folders, docsByComponent);
returnPromise.resolve(docs);
}).catch( function (error) {
console.log('SASS ERROR: ' + error);
returnPromise.resolve(docs);
});
return returnPromise.promise;
}
}
};
function appendStyles(folders, docsByComponent) {
folders.forEach( function (folder) {
var styles = formatStyles(folder);
if (styles.length) {
docsByComponent[folder.index].forEach( function (doc) {
doc.sassVariables = styles;
});
}
});
}
function formatStyles (folder) {
// container for holding styles by platform
var concatenatedStyles = {};
// extract styles
folder.styles.filter( function (file) {
return file.data && file.data.length;
}).forEach( function (file) {
var props = file.data.filter( function (item) {
return item.property && item.property.length;
}).map( function (item) {
var property = item.property[0];
return {
name: item.context.name || '',
default: item.context.value || '',
description: property.description || '',
};
});
if( concatenatedStyles[file.platform] ) {
concatenatedStyles[file.platform] = concatenatedStyles[file.platform].concat(props);
} else {
concatenatedStyles[file.platform] = props;
}
});
// place in Array
var formattedStyles = [];
['base', 'ios', 'md', 'wp'].forEach( function (platform) {
if ( concatenatedStyles[platform] ) {
formattedStyles.push({
platform: platform,
props: concatenatedStyles[platform]
});
}
});
return formattedStyles;
}
function getStyles (folder, docIndex) {
var returnPromise = Q.defer();
// generate file names to check
var extension = 'scss';
var allFiles = fs.readdirSync(folder);
var removeNonSass = function (filename) {
return filename.split('.').pop() === extension;
};
var toFileObject = function (filename) {
// determine platform
var platform = filename.split('.')[1];
if ( ['ios', 'md', 'wp'].indexOf(platform) === -1 ) {
platform = 'base';
}
return {
platform: platform,
path: path.join(folder, filename)
};
};
var files = allFiles.filter(removeNonSass).map(toFileObject);
// for each file, fetch styles
var promises = files.map( function (file) {
return Q.promise( function (resolve, reject) {
fs.access(file.path, function (err) {
if (!err) {
sassdoc.parse(file.path )
.then( function (data) {
resolve( { platform: file.platform, data: data });
}).catch( function (error) {
reject(error);
});
} else {
// file doesn't exist
resolve({ platform: file.platform, data: null });
}
});
});
});
// when all promises are finished, return the results
Q.allSettled(promises).then( function (results) {
var styles = results.map( function (style) {
return style.value;
});
returnPromise.resolve({ index: docIndex, styles: styles });
}).catch( function (error) {
returnPromise.reject(error);
});
return returnPromise.promise;
}