Commit cee8c2c

committed

Merge pull request #33 from css-modules/preprocess-css

preprocessCss option

2 parents 6530c7c + fdf94e2 commit cee8c2cCopy full SHA for cee8c2c

File tree

+39

-1

lines changed

+39

-1

lines changed

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -32,6 +32,7 @@ $ npm i css-modules-require-hook`
`32`	`32`
`33`	`33`	* `function` createImportedName — short alias for the [postcss-modules-extract-imports](https://github.com/css-modules/postcss-modules-extract-imports) plugin's `createImportedName` option.
`34`	`34`	* `function` generateScopedName — short alias for the [postcss-modules-scope](https://github.com/css-modules/postcss-modules-scope) plugin's option. Helps you to specify the custom way to build generic names for the class selectors.
	`35`	+ * `function` preprocessCss — in rare cases you may want to precompile styles, before they will be passed to the postcss pipeline. You should use synchronous transformations, since `require` function is synchronous.
`35`	`36`	* `function` processCss — in rare cases you may want to get compiled styles in runtime, so providing this option helps.
`36`	`37`	* `string` rootDir — absolute path to the project directory. Providing this will result in better generated class names. It can be obligatory, if you run require hook and build tools (like [css-modulesify](https://github.com/css-modules/css-modulesify)) from different working directories.
`37`	`38`	* `string` to — provides `to` option to the [LazyResult instance](https://github.com/postcss/postcss/blob/master/docs/api.md#processorprocesscss-opts).

Lines changed: 3 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ import Parser from './parser';`
`16`	`16`	`let importNr = 0;`
`17`	`17`	`let tokensByFile = {};`
`18`	`18`	`// processing functions`
`19`		`-const preProcess = identity;`
	`19`	`+let preProcess = identity;`
`20`	`20`	`let postProcess;`
`21`	`21`	`// defaults`
`22`	`22`	`let lazyResultOpts = {};`
`@@ -27,6 +27,7 @@ let rootDir = process.cwd();`
`27`	`27`	`* @param {object} opts`
`28`	`28`	`* @param {function} opts.createImportedName`
`29`	`29`	`* @param {function} opts.generateScopedName`
	`30`	`+ * @param {function} opts.preprocessCss`
`30`	`31`	`* @param {function} opts.processCss`
`31`	`32`	`* @param {string} opts.rootDir`
`32`	`33`	`* @param {string} opts.to`
`@@ -37,6 +38,7 @@ export default function setup(opts = {}) {`
`37`	`38`	`importNr = 0;`
`38`	`39`	`tokensByFile = {};`
`39`	`40`
	`41`	`+ preProcess = get('preprocessCss', null, 'function', opts) \|\| identity;`
`40`	`42`	`postProcess = get('processCss', null, 'function', opts) \|\| null;`
`41`	`43`	`rootDir = get('rootDir', ['root', 'd'], 'string', opts) \|\| process.cwd();`
`42`	`44`	`// https://github.com/postcss/postcss/blob/master/docs/api.md#processorprocesscss-opts`

Lines changed: 5 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -7,6 +7,11 @@ import LocalByDefault from 'postcss-modules-local-by-default';`
`7`	`7`	`import Scope from 'postcss-modules-scope';`
`8`	`8`
`9`	`9`	`describe('plugins', () => {`
	`10`	`+ beforeEach(() => {`
	`11`	`+ // clearing cache`
	`12`	`+ delete require.cache[require.resolve('awesome-theme/oceanic.css')];`
	`13`	`+ });`
	`14`	`+`
`10`	`15`	`describe('custom generateScopedName() function', () => {`
`11`	`16`	`before(() => hook({generateScopedName: identity}));`
`12`	`17`

Lines changed: 30 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,30 @@`
	`1`	`+import { constant } from 'lodash';`
	`2`	`+import { equal, ok } from 'assert';`
	`3`	`+import hook from '../src';`
	`4`	`+`
	`5`	`+describe('public api', () => {`
	`6`	`+ beforeEach(() => {`
	`7`	`+ // clearing cache`
	`8`	`+ delete require.cache[require.resolve('awesome-theme/oceanic.css')];`
	`9`	`+ });`
	`10`	`+`
	`11`	`+ describe('preprocessCss', () => {`
	`12`	`+ describe('providing empty string constantly', () => {`
	`13`	`+ before(() => hook({preprocessCss: constant('')}));`
	`14`	`+`
	`15`	`+ it('should return an empty result', () => {`
	`16`	`+ const tokens = require('awesome-theme/oceanic.css');`
	`17`	`+ equal(Object.keys(tokens).length, 0);`
	`18`	`+ });`
	`19`	`+ });`
	`20`	`+`
	`21`	`+ describe('providing nothing should reset preProcess', () => {`
	`22`	`+ before(() => hook());`
	`23`	`+`
	`24`	`+ it('should return the "color" token', () => {`
	`25`	`+ const tokens = require('awesome-theme/oceanic.css');`
	`26`	`+ ok(tokens.color);`
	`27`	`+ });`
	`28`	`+ });`
	`29`	`+ });`
	`30`	`+});`

Comments

(0)