Skip to content

Commit 4d89add

Browse files
collect plugins data
1 parent aed770c commit 4d89add

196 files changed

Lines changed: 2413 additions & 2221 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

docs/index.html

Lines changed: 91 additions & 4 deletions
Large diffs are not rendered by default.

npm-data/links.json

Lines changed: 211 additions & 211 deletions
Large diffs are not rendered by default.

npm-data/maintained-plugins.json

Lines changed: 392 additions & 388 deletions
Large diffs are not rendered by default.

npm-data/maybe-plugins.json

Lines changed: 1009 additions & 919 deletions
Large diffs are not rendered by default.

npm-data/plugins.json

Lines changed: 519 additions & 508 deletions
Large diffs are not rendered by default.

npm-data/plugins/@brifui/postcss.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -706,5 +706,5 @@
706706
],
707707
"readme": "ERROR: No README data found!",
708708
"readmeFilename": "",
709-
"_downloads": 1236
709+
"_downloads": 3639
710710
}

npm-data/plugins/@csstools/postcss-bundler.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3608,5 +3608,5 @@
36083608
],
36093609
"readme": "# PostCSS Bundler [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n`npm install @csstools/postcss-bundler --save-dev`\n\n[PostCSS Bundler] bundles your CSS.\n\nThis plugin pack contains :\n- a bundler based on standard CSS `@import` statements.\n- [a rebaser that rewrites URLs in your CSS.](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-rebase-url)\n\n`examples/example.css` :\n```css\n@import url(\"imports/basic.css\");\n@import url(\"node_modules:open-props/red\");\n```\n\n`examples/imports/basic.css`:\n```css\n.foo {\n\tbackground: url('../../images/green.png');\n}\n```\n\nwhen bundled :\n```css\n/* imports/basic.css */\n.foo {\n\tbackground: url(\"../images/green.png\");\n}\n/* node_modules:open-props/red */\n:where(html){--red-0:#fff5f5;--red-1:#ffe3e3;--red-2:#ffc9c9;--red-3:#ffa8a8;--red-4:#ff8787;--red-5:#ff6b6b;--red-6:#fa5252;--red-7:#f03e3e;--red-8:#e03131;--red-9:#c92a2a;--red-10:#b02525;--red-11:#962020;--red-12:#7d1a1a}\n```\n\n## Usage\n\nAdd [PostCSS Bundler] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-bundler --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssBundler = require('@csstools/postcss-bundler');\n\npostcss([\n\tpostcssBundler(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n## `postcss-import`\n\n[`postcss-import`](https://github.com/postcss/postcss-import) is also a CSS bundler and parts of [PostCSS Bundler] are based on it. \nWhile creating this plugin we also submitted patches to [`postcss-import`](https://github.com/postcss/postcss-import) where possible. \n\n[PostCSS Bundler] is tuned differently and lacks configuration options that are present in [`postcss-import`](https://github.com/postcss/postcss-import).\n\n[PostCSS Bundler] is intended to just work and to be a drop-in replacement for native CSS `@import` statements.\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-bundler\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Bundler]: https://github.com/csstools/postcss-plugins/tree/main/plugin-packs/postcss-bundler\n",
36103610
"readmeFilename": "README.md",
3611-
"_downloads": 4340
3611+
"_downloads": 4045
36123612
}

npm-data/plugins/@csstools/postcss-color-function.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5044,5 +5044,5 @@
50445044
],
50455045
"readme": "# PostCSS Color Function [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n`npm install @csstools/postcss-color-function --save-dev`\n\n[PostCSS Color Function] lets you use the `color` function in\nCSS, following the [CSS Color] specification.\n\n```css\n.color {\n\tcolor: color(display-p3 0.64331 0.19245 0.16771);\n}\n\n:root {\n\t--a-color: color(srgb 0.64331 0.19245 0.16771);\n}\n\n/* becomes */\n\n.color {\n\tcolor: rgb(179, 35, 35);\n}\n\n:root {\n\t--a-color: rgb(164, 49, 43);\n}\n```\n\n## Usage\n\nAdd [PostCSS Color Function] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-color-function --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssColorFunction = require('@csstools/postcss-color-function');\n\npostcss([\n\tpostcssColorFunction(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n## Options\n\n### preserve\n\nThe `preserve` option determines whether the original notation\nis preserved. By default, it is not preserved.\n\n```js\npostcssColorFunction({ preserve: true })\n```\n\n```css\n.color {\n\tcolor: color(display-p3 0.64331 0.19245 0.16771);\n}\n\n:root {\n\t--a-color: color(srgb 0.64331 0.19245 0.16771);\n}\n\n/* becomes */\n\n.color {\n\tcolor: rgb(179, 35, 35);\n\tcolor: color(display-p3 0.64331 0.19245 0.16771);\n}\n\n:root {\n\t--a-color: rgb(164, 49, 43);\n}\n\n@supports (color: color(display-p3 0 0 0%)) {\n:root {\n\t--a-color: color(srgb 0.64331 0.19245 0.16771);\n}\n}\n```\n\n### enableProgressiveCustomProperties\n\nThe `enableProgressiveCustomProperties` option determines whether the original notation\nis wrapped with `@supports` when used in Custom Properties. By default, it is enabled.\n\n> [!NOTE]\n> We only recommend disabling this when you set `preserve` to `false` or if you bring your own fix for Custom Properties. \n> See what the plugin does in its [README](https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-progressive-custom-properties#readme).\n\n```js\npostcssColorFunction({ enableProgressiveCustomProperties: false })\n```\n\n```css\n.color {\n\tcolor: color(display-p3 0.64331 0.19245 0.16771);\n}\n\n:root {\n\t--a-color: color(srgb 0.64331 0.19245 0.16771);\n}\n\n/* becomes */\n\n.color {\n\tcolor: rgb(179, 35, 35);\n\tcolor: color(display-p3 0.64331 0.19245 0.16771);\n}\n\n:root {\n\t--a-color: rgb(164, 49, 43);\n\t--a-color: color(srgb 0.64331 0.19245 0.16771);\n}\n```\n\n_Custom properties do not fallback to the previous declaration_\n\n## Supported Color Spaces\n\n```css\n.color-spaces {\n\tcolor: color(a98-rgb 0.803 0.484 0.944);\n\tcolor: color(display-p3 0.8434 0.509 0.934);\n\tcolor: color(prophoto-rgb 0.759 0.493 0.898);\n\tcolor: color(rec2020 0.772 0.491 0.920);\n\tcolor: color(srgb 0.897 0.488 0.959);\n\tcolor: color(srgb-linear 0.783 0.203 0.910);\n\tcolor: color(xyz 0.560 0.377 0.904);\n\tcolor: color(xyz-d50 0.550 0.375 0.680);\n\tcolor: color(xyz-d65 0.560 0.377 0.904);\n}\n```\n\n## Copyright : color conversions\n\nThis software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/tree/main/css-color-4. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[css-url]: https://cssdb.org/#color-function\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-color-function\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Color Function]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-color-function\n[CSS Color]: https://www.w3.org/TR/css-color-4/#funcdef-color\n",
50465046
"readmeFilename": "README.md",
5047-
"_downloads": 18004711
5047+
"_downloads": 17405315
50485048
}

npm-data/plugins/@csstools/postcss-extract.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -954,5 +954,5 @@
954954
],
955955
"readme": "# PostCSS Extract [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][PostCSS]\n\n`npm install @csstools/postcss-extract --save-dev`\n\n[PostCSS Extract] lets you easily export parts of your CSS source files to JavaScript objects.\n\nyour query :\n\n```css\nrule[selector*=\":root\" i] > decl[variable]\n```\n\nyour config :\n\n```js\npostcssExtract({\n\tqueries: {\n\t\t'your-export': 'rule[selector*=\":root\" i] > decl[variable]'\n\t},\n\tresults: function(results) {\n\t\tconsole.log(results)\n\t}\n})\n```\n\nyour css :\n\n```css\n:root {\n\t--your-property: cyan;\n}\n\n.other {\n\t--other-property: yellow;\n}\n```\n\nthe exported data :\n\n```js\n[\n\t{ type: 'decl', prop: '--your-property', value: 'cyan', variable: true },\n]\n```\n\n## Usage\n\nAdd [PostCSS Extract] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-extract --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssExtract = require('@csstools/postcss-extract');\n\npostcss([\n\tpostcssExtract(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n\n\n## Options\n\n### queries\n\nThe `queries` option let's you define which parts of your CSS are exported.\nEach query is written in CSS.\n\nSupported combinators:\n- `>` direct child\n- ` ` any descendant (space)\n- `+` adjacent sibling\n- `~` general sibling\n\nSupported selectors:\n- `*` any node\n- `atrule`\n- `rule`\n- `decl`\n- `comment`\n- `[type=decl]`\n- `[value=cyan]`\n- `[value=cyan i]` case insensitive\n- `[value^=cy]` starts with\n- `[value*=ya]` contains\n- `[value$=an]` ends with\n- `:not(<complex selector>)`\n\nBrowse the [PostCSS API](https://postcss.org/api/) to gain more insights into the AST naming and structure.\n\n```js\npostcssExtract({\n\tqueries: {\n\t\t'your-export': 'rule[selector*=\":root\" i] > decl[variable]'\n\t},\n})\n```\n\n### results\n\nThe `results` option let's you define a callback to receive results.\nYou can then apply further transforms on the data so that it fits your use case.\n\n```js\npostcssExtract({\n\tresults: (yourResults) => {\n\t\tconsole.log(yourResults);\n\t},\n})\n```\n\n### extractLate\n\nThe `extractLate` option let's you define if the queries are run early or late in the PostCSS process.\n\n`extractLate: false` uses `Once` in PostCSS.<br>\nThis means that it will try to run early.\n\n`extractLate: true` uses `OnceExit` in PostCSS.<br>\nThis means that it will try to run late.\n\nThe order of plugins is still respected if multiple plugins use `Once`|`OnceExit`.\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-extract\n\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Extract]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-extract\n",
956956
"readmeFilename": "README.md",
957-
"_downloads": 1626
957+
"_downloads": 1506
958958
}

npm-data/plugins/@csstools/postcss-font-format-keywords.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1049,5 +1049,5 @@
10491049
],
10501050
"readme": "# PostCSS Font Format [<img src=\"https://postcss.github.io/postcss/logo.svg\" alt=\"PostCSS Logo\" width=\"90\" height=\"90\" align=\"right\">][postcss]\n\n[<img alt=\"npm version\" src=\"https://img.shields.io/npm/v/@csstools/postcss-font-format-keywords.svg\" height=\"20\">][npm-url]\n[<img alt=\"Build Status\" src=\"https://github.com/csstools/postcss-plugins/workflows/test/badge.svg\" height=\"20\">][cli-url]\n[<img alt=\"Discord\" src=\"https://shields.io/badge/Discord-5865F2?logo=discord&logoColor=white\">][discord]\n<br><br>\n[<img alt=\"Baseline Status\" src=\"https://cssdb.org/images/badges-baseline/font-format-keywords.svg\" height=\"20\">][css-url]\n[<img alt=\"CSS Standard Status\" src=\"https://cssdb.org/images/badges/font-format-keywords.svg\" height=\"20\">][css-url]\n\n[PostCSS Font Format Keywords] lets you specify font formats as keywords, following the [CSS Fonts] specification.\n\n```pcss\n@font-face {\n src: url(file.woff2) format(woff2);\n}\n\n/* becomes */\n\n@font-face {\n src: url(file.woff2) format(\"woff2\");\n}\n```\n\n_See prior work by [valtlai](https://github.com/valtlai) here [postcss-font-format-keywords](https://github.com/valtlai/postcss-font-format-keywords)\nTo ensure long term maintenance and to provide the needed features this plugin was recreated based on valtlai's work._\n\n## Usage\n\nAdd [PostCSS Font Format Keywords] to your project:\n\n```bash\nnpm install postcss @csstools/postcss-font-format-keywords --save-dev\n```\n\nUse it as a [PostCSS] plugin:\n\n```js\nconst postcss = require('postcss');\nconst postcssFontFormatKeywords = require('@csstools/postcss-font-format-keywords');\n\npostcss([\n postcssFontFormatKeywords(/* pluginOptions */)\n]).process(YOUR_CSS /*, processOptions */);\n```\n\n[PostCSS Font Format Keywords] runs in all Node environments, with special\ninstructions for:\n\n| [Node](INSTALL.md#node) | [PostCSS CLI](INSTALL.md#postcss-cli) | [Webpack](INSTALL.md#webpack) | [Gulp](INSTALL.md#gulp) | [Grunt](INSTALL.md#grunt) |\n| --- | --- | --- | --- | --- |\n\n## Options\n\n### preserve\n\nThe `preserve` option determines whether the original source\nis preserved. By default, it is not preserved.\n\n```js\npostcssFontFormatKeywords({ preserve: true })\n```\n\n```pcss\n@font-face {\n src: url(file.woff2) format(woff2);\n}\n\n/* becomes */\n\n@font-face {\n src: url(file.woff2) format(\"woff2\");\n src: url(file.woff2) format(woff2);\n}\n```\n\n[postcss]: https://github.com/postcss/postcss\n\n[cli-url]: https://github.com/csstools/postcss-plugins/actions/workflows/test.yml?query=workflow/test\n[css-url]: https://cssdb.org/#font-format-keywords\n[discord]: https://discord.gg/bUadyRwkJS\n[npm-url]: https://www.npmjs.com/package/@csstools/postcss-font-format-keywords\n\n[CSS Fonts]: https://www.w3.org/TR/css-fonts-4/#font-format-values\n[Gulp PostCSS]: https://github.com/postcss/gulp-postcss\n[Grunt PostCSS]: https://github.com/nDmitry/grunt-postcss\n[PostCSS]: https://github.com/postcss/postcss\n[PostCSS Loader]: https://github.com/postcss/postcss-loader\n[PostCSS Font Format Keywords]: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-font-format-keywords\n",
10511051
"readmeFilename": "README.md",
1052-
"_downloads": 18956657
1052+
"_downloads": 17345144
10531053
}

0 commit comments

Comments
 (0)