You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
102 lines
3.0 KiB
102 lines
3.0 KiB
import { |
|
AcceptedPlugin, |
|
Plugin, |
|
ProcessOptions, |
|
Transformer, |
|
TransformCallback |
|
} from './postcss.js' |
|
import LazyResult from './lazy-result.js' |
|
import Result from './result.js' |
|
import Root from './root.js' |
|
import NoWorkResult from './no-work-result.js' |
|
|
|
/** |
|
* Contains plugins to process CSS. Create one `Processor` instance, |
|
* initialize its plugins, and then use that instance on numerous CSS files. |
|
* |
|
* ```js |
|
* const processor = postcss([autoprefixer, postcssNested]) |
|
* processor.process(css1).then(result => console.log(result.css)) |
|
* processor.process(css2).then(result => console.log(result.css)) |
|
* ``` |
|
*/ |
|
export default class Processor { |
|
/** |
|
* Current PostCSS version. |
|
* |
|
* ```js |
|
* if (result.processor.version.split('.')[0] !== '6') { |
|
* throw new Error('This plugin works only with PostCSS 6') |
|
* } |
|
* ``` |
|
*/ |
|
version: string |
|
|
|
/** |
|
* Plugins added to this processor. |
|
* |
|
* ```js |
|
* const processor = postcss([autoprefixer, postcssNested]) |
|
* processor.plugins.length //=> 2 |
|
* ``` |
|
*/ |
|
plugins: (Plugin | Transformer | TransformCallback)[] |
|
|
|
/** |
|
* @param plugins PostCSS plugins |
|
*/ |
|
constructor(plugins?: AcceptedPlugin[]) |
|
|
|
/** |
|
* Adds a plugin to be used as a CSS processor. |
|
* |
|
* PostCSS plugin can be in 4 formats: |
|
* * A plugin in `Plugin` format. |
|
* * A plugin creator function with `pluginCreator.postcss = true`. |
|
* PostCSS will call this function without argument to get plugin. |
|
* * A function. PostCSS will pass the function a @{link Root} |
|
* as the first argument and current `Result` instance |
|
* as the second. |
|
* * Another `Processor` instance. PostCSS will copy plugins |
|
* from that instance into this one. |
|
* |
|
* Plugins can also be added by passing them as arguments when creating |
|
* a `postcss` instance (see [`postcss(plugins)`]). |
|
* |
|
* Asynchronous plugins should return a `Promise` instance. |
|
* |
|
* ```js |
|
* const processor = postcss() |
|
* .use(autoprefixer) |
|
* .use(postcssNested) |
|
* ``` |
|
* |
|
* @param plugin PostCSS plugin or `Processor` with plugins. |
|
* @return {Processes} Current processor to make methods chain. |
|
*/ |
|
use(plugin: AcceptedPlugin): this |
|
|
|
/** |
|
* Parses source CSS and returns a `LazyResult` Promise proxy. |
|
* Because some plugins can be asynchronous it doesn’t make |
|
* any transformations. Transformations will be applied |
|
* in the `LazyResult` methods. |
|
* |
|
* ```js |
|
* processor.process(css, { from: 'a.css', to: 'a.out.css' }) |
|
* .then(result => { |
|
* console.log(result.css) |
|
* }) |
|
* ``` |
|
* |
|
* @param css String with input CSS or any object with a `toString()` method, |
|
* like a Buffer. Optionally, senda `Result` instance |
|
* and the processor will take the `Root` from it. |
|
* @param opts Options. |
|
* @return Promise proxy. |
|
*/ |
|
process( |
|
css: string | { toString(): string } | Result | LazyResult | Root, |
|
options?: ProcessOptions |
|
): LazyResult | NoWorkResult |
|
}
|
|
|