-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.js
82 lines (68 loc) · 2.16 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
var path = require('path');
var fs = require('fs');
var lutils = require('loader-utils');
var xml2js = require('xml2js');
var template = require('lodash/string/template');
var camelCase = require('lodash/string/camelCase');
var assign = require('lodash/object/assign');
var keys = require('lodash/object/keys');
var sanitize = require('./util/sanitize');
var Tmpl;
function readTemplate (callback, filepath) {
fs.readFile(filepath, 'utf8', function (error, contents) {
if (error) {
throw error;
}
Tmpl = template(contents);
callback();
});
}
function getName(filepath) {
var ext = path.extname(filepath);
var basename = path.basename(filepath, ext);
return basename[0].toUpperCase() + camelCase(basename.slice(1));
}
function renderJsx(displayName, xml, callback) {
var tagName = keys(xml)[0];
var root = xml[tagName];
var props = assign(sanitize(root).$ || {});
delete props.id;
var xmlBuilder = new xml2js.Builder({headless: true});
var xmlSrc = xmlBuilder.buildObject(xml);
var component = Tmpl({
displayName: displayName,
defaultProps: props,
innerXml: xmlSrc.split(/\n/).slice(1, -1).join('\n')
});
callback(null, component);
}
/**
* @param {String} source
*/
module.exports = function (source) {
// read our template
var tmplPath = path.join(__dirname, '/util/svg.tpl');
// let webpack know about us, and get our callback
var callback = this.async();
this.addDependency(tmplPath);
this.cacheable();
// parameters to the loader
var query = lutils.parseQuery(this.query);
var rsrcPath = this.resourcePath;
var rsrcQuery = lutils.parseQuery(this.resourceQuery);
var displayName = rsrcQuery.name || query.name || getName(rsrcPath);
var render = function () {
var xmlParser = new xml2js.Parser();
xmlParser.parseString(source, function (error, xml) {
if (error) {
return callback(error);
}
renderJsx(displayName, xml, callback);
});
};
if (Tmpl) {
render();
} else {
readTemplate(render, tmplPath);
}
};