kylefang/postcss-partial-process
1
0
Fork 0
mirror of https://github.com/zhigang1992/postcss-partial-process.git synced 2026-01-12 09:14:20 +08:00
Code Issues Packages Projects Releases Wiki Activity

Convert tabs from 4 to 2 spaces

Browse Source
This commit is contained in:
Benoît Rouleau
2019-07-08 12:34:26 -04:00
parent a0524fcc7c
commit 742f427774
3 changed files with 165 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
README.md
View File

@@ -12,14 +12,14 @@ npm install postcss-partial-process
```js
postcss([
require('postcss-partial-process')({
startComment: 'postcss-partial-process start', // default
endComment: 'postcss-partial-process end', // default
removeComments: 'auto', // default, means the comments are removed unless they are important (e.g. /*! like this */); also accepts `true` or `false`
plugins = [
require('some postcss plugin'), // this plugin will only run between the comments "postcss-partial-process start" and "postcss-partial-process end"
],
}),
require('postcss-partial-process')({
startComment: 'postcss-partial-process start', // default
endComment: 'postcss-partial-process end', // default
removeComments: 'auto', // default, means the comments are removed unless they are important (e.g. /*! like this */); also accepts `true` or `false`
plugins = [
require('some postcss plugin'), // this plugin will only run between the comments "postcss-partial-process start" and "postcss-partial-process end"
],
}),
])
```

124
index.js
View File

@@ -1,69 +1,69 @@
const postcss = require('postcss');
module.exports = postcss.plugin('postcss-partial-process', ({
startComment = 'postcss-partial-process start',
endComment = 'postcss-partial-process end',
removeComments = 'auto',
plugins = []
startComment = 'postcss-partial-process start',
endComment = 'postcss-partial-process end',
removeComments = 'auto',
plugins = []
} = {}) => {
return root => {
let processing = false;
let partialRoot = null;
const promises = [];
return root => {
let processing = false;
let partialRoot = null;
const promises = [];
const end = (callback) => {
promises.push(
postcss(plugins).process(partialRoot, {
from: undefined
}).then(callback)
);
};
root.each(node => {
let starting = false;
let ending = false;
let removeComment = false;
if (node.type === 'comment') {
let comment = node.toString();
let matches = comment.match(/\/\*!?\s*(.*?)\s*\*\//, '');
matches = matches || [];
if (matches.length > 1) {
starting = !processing && matches[1] === startComment;
ending = processing && matches[1] === endComment;
removeComment = removeComments === true || (removeComments === 'auto' && !comment.startsWith('/*!'));
}
}
if (ending) {
end(result => {
node.before(result.root);
if (removeComment) {
node.remove();
}
});
processing = false;
}
if (processing) {
partialRoot.append(node);
}
if (starting) {
partialRoot = postcss.root();
if (removeComment) {
node.remove();
}
processing = true;
}
});
if (processing) {
end(result => {
root.append(result.root);
});
}
return Promise.all(promises);
const end = (callback) => {
promises.push(
postcss(plugins).process(partialRoot, {
from: undefined
}).then(callback)
);
};
root.each(node => {
let starting = false;
let ending = false;
let removeComment = false;
if (node.type === 'comment') {
let comment = node.toString();
let matches = comment.match(/\/\*!?\s*(.*?)\s*\*\//, '');
matches = matches || [];
if (matches.length > 1) {
starting = !processing && matches[1] === startComment;
ending = processing && matches[1] === endComment;
removeComment = removeComments === true || (removeComments === 'auto' && !comment.startsWith('/*!'));
}
}
if (ending) {
end(result => {
node.before(result.root);
if (removeComment) {
node.remove();
}
});
processing = false;
}
if (processing) {
partialRoot.append(node);
}
if (starting) {
partialRoot = postcss.root();
if (removeComment) {
node.remove();
}
processing = true;
}
});
if (processing) {
end(result => {
root.append(result.root);
});
}
return Promise.all(promises);
};
});

190
test.js
View File

@@ -3,120 +3,120 @@ const partialProcess = require('./');
const prependSelector = require('postcss-prepend-selector');
function run(input, output, opts) {
return postcss([
partialProcess(opts),
])
.process(input, {
from: undefined,
})
.then(result => {
expect(result.css).toEqual(output);
expect(result.warnings().length).toBe(0);
});
return postcss([
partialProcess(opts),
])
.process(input, {
from: undefined,
})
.then(result => {
expect(result.css).toEqual(output);
expect(result.warnings().length).toBe(0);
});
}
test('it compiles', () => {
return run('a {}', 'a {}', {});
return run('a {}', 'a {}', {});
});
test('rules inside the comments are processed', () => {
return run(`
/* postcss-partial-process start */
a {}
b {}
/* postcss-partial-process end */
`, `
#a a {}
#a b {}
`, {
plugins: [
prependSelector({ selector: '#a ' }),
],
});
return run(`
/* postcss-partial-process start */
a {}
b {}
/* postcss-partial-process end */
`, `
#a a {}
#a b {}
`, {
plugins: [
prependSelector({ selector: '#a ' }),
],
});
});
test('rules outside the comments are not processed', () => {
return run(`
body {}
/* postcss-partial-process start */
a {}
/* postcss-partial-process end */
b {}
a {}
`, `
body {}
#a a {}
b {}
a {}
`, {
plugins: [
prependSelector({ selector: '#a ' }),
],
});
return run(`
body {}
/* postcss-partial-process start */
a {}
/* postcss-partial-process end */
b {}
a {}
`, `
body {}
#a a {}
b {}
a {}
`, {
plugins: [
prependSelector({ selector: '#a ' }),
],
});
});
test('start/end comments can be customized', () => {
return run(`
/* yo start */
.test { hello: world; }
/* yo stop */
b {}
`, `
#a .test { hello: world; }
b {}
`, {
startComment: 'yo start',
endComment: 'yo stop',
plugins: [
prependSelector({ selector: '#a ' }),
],
});
return run(`
/* yo start */
.test { hello: world; }
/* yo stop */
b {}
`, `
#a .test { hello: world; }
b {}
`, {
startComment: 'yo start',
endComment: 'yo stop',
plugins: [
prependSelector({ selector: '#a ' }),
],
});
});
test('comments are not removed with removeComments: false', () => {
return run(`
/* postcss-partial-process start */
a {}
/* postcss-partial-process end */
`, `
/* postcss-partial-process start */
#a a {}
/* postcss-partial-process end */
`, {
removeComments: false,
plugins: [
prependSelector({ selector: '#a ' }),
],
});
return run(`
/* postcss-partial-process start */
a {}
/* postcss-partial-process end */
`, `
/* postcss-partial-process start */
#a a {}
/* postcss-partial-process end */
`, {
removeComments: false,
plugins: [
prependSelector({ selector: '#a ' }),
],
});
});
test('important comments are not removed by default', () => {
return run(`
/*! postcss-partial-process start */
a {}
/*! postcss-partial-process end */
`, `
/*! postcss-partial-process start */
#a a {}
/*! postcss-partial-process end */
`, {
plugins: [
prependSelector({ selector: '#a ' }),
],
});
return run(`
/*! postcss-partial-process start */
a {}
/*! postcss-partial-process end */
`, `
/*! postcss-partial-process start */
#a a {}
/*! postcss-partial-process end */
`, {
plugins: [
prependSelector({ selector: '#a ' }),
],
});
});
test('important comments are removed with removeComments: true', () => {
return run(`
/*! postcss-partial-process start */
a {}
/*! postcss-partial-process end */
`, `
#a a {}
`, {
removeComments: true,
plugins: [
prependSelector({ selector: '#a ' }),
],
});
return run(`
/*! postcss-partial-process start */
a {}
/*! postcss-partial-process end */
`, `
#a a {}
`, {
removeComments: true,
plugins: [
prependSelector({ selector: '#a ' }),
],
});
});