KevinMidboe/inline-html
1
0
Fork 0
mirror of https://github.com/KevinMidboe/inline-html.git synced 2025-10-29 17:40:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

Switched to postcss.

Browse Source
This commit is contained in:
Alexandre Gigliotti
2015-07-27 13:15:45 -07:00
parent 3cfd4f2b86
commit 539da292da
4 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
lib/inline-css-url.js
View File

@@ -1,24 +1,26 @@
var datauri = require('datauri'); var datauri = require('datauri');
var isLocalPath = require('is-local-path'); var isLocalPath = require('is-local-path');
var path = require('path'); var path = require('path');
var rework = require('rework'); var postcss = require('postcss');
var url = require('rework-plugin-url'); var url = require('postcss-url');
var inline = function (css, filename) { var inline = function (css, filename) {
var files = []; var files = [];
var basePath = path.dirname(filename); var basePath = path.dirname(filename);
css = rework(css) var result = postcss()
.use(url(function (url) { .use(url({
url: function (url) {
if (isLocalPath(url)) { if (isLocalPath(url)) {
url = path.resolve(basePath, url); url = path.resolve(basePath, url);
files.push(url); files.push(url);
url = datauri(url); url = datauri(url);
} }
return url; return url;
}
})) }))
.toString(); .process(css);
return { return {
css: css, css: result.css,
files: files files: files
}; };
}; };

2
lib/inline-style.js
View File

@@ -8,7 +8,7 @@ var wrap = function (value) {
return prefix + value + suffix; return prefix + value + suffix;
}; };
var unwrap = function (value) { var unwrap = function (value) {
var regexp = new RegExp('^' + prefix + '\\s*(.*)\\s+' + suffix + '$'); var regexp = new RegExp('^' + prefix + '\\s*(.*)\\s*' + suffix + '$');
return value.replace(regexp, '$1'); return value.replace(regexp, '$1');
}; };
var inline = function (html, filename) { var inline = function (html, filename) {

4
package.json
View File

@@ -17,8 +17,8 @@
"less": "^2.5.1", "less": "^2.5.1",
"lodash": "^3.10.0", "lodash": "^3.10.0",
"mz": "^2.0.0", "mz": "^2.0.0",
"rework": "^1.0.1", "postcss": "^4.1.16",
"rework-plugin-url": "^1.0.1", "postcss-url": "^4.0.0",
"string": "^3.3.0" "string": "^3.3.0"
} }
} }

4
test/inline-css-url.js
View File

@@ -3,5 +3,5 @@ var fs = require('fs');
var filePath = './fixtures/assets/imported.css'; var filePath = './fixtures/assets/imported.css';
var css = fs.readFileSync(filePath, 'utf8'); var css = fs.readFileSync(filePath, 'utf8');
css = inline(css, filePath); var result = inline(css, filePath);
console.log(css); console.log(result.css);