summaryrefslogtreecommitdiff
path: root/node_modules/postcss-normalize-positions
diff options
context:
space:
mode:
authorlittleblack111 <littleblack11111@gmail.com>2023-10-14 15:05:55 +0800
committerlittleblack111 <littleblack11111@gmail.com>2023-10-14 15:05:55 +0800
commitc06f7ee0a40255214c477e13d9b956a7e07c2900 (patch)
treef5982a568ef8fab865d0142e71c7494fea3e4c1b /node_modules/postcss-normalize-positions
parent3fd9400d4dccc25aa29b5702216732e0b7542073 (diff)
postcss,(plugins): nanocss, postcss-preset-env
Diffstat (limited to 'node_modules/postcss-normalize-positions')
-rw-r--r--node_modules/postcss-normalize-positions/LICENSE-MIT22
-rw-r--r--node_modules/postcss-normalize-positions/README.md44
-rw-r--r--node_modules/postcss-normalize-positions/package.json40
-rw-r--r--node_modules/postcss-normalize-positions/src/index.js248
-rw-r--r--node_modules/postcss-normalize-positions/types/index.d.ts9
5 files changed, 363 insertions, 0 deletions
diff --git a/node_modules/postcss-normalize-positions/LICENSE-MIT b/node_modules/postcss-normalize-positions/LICENSE-MIT
new file mode 100644
index 00000000..fd0e863a
--- /dev/null
+++ b/node_modules/postcss-normalize-positions/LICENSE-MIT
@@ -0,0 +1,22 @@
+Copyright (c) Ben Briggs <beneb.info@gmail.com> (http://beneb.info)
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.
diff --git a/node_modules/postcss-normalize-positions/README.md b/node_modules/postcss-normalize-positions/README.md
new file mode 100644
index 00000000..416421fe
--- /dev/null
+++ b/node_modules/postcss-normalize-positions/README.md
@@ -0,0 +1,44 @@
+# [postcss][postcss]-normalize-positions
+
+> Normalize positions with PostCSS.
+
+## Install
+
+With [npm](https://npmjs.org/package/postcss-normalize-positions) do:
+
+```
+npm install postcss-normalize-positions --save
+```
+
+## Example
+
+### Input
+
+```css
+div {
+ background-position: bottom left;
+}
+```
+
+### Output
+
+```css
+div {
+ background-position:0 100%;
+}
+```
+
+## Usage
+
+See the [PostCSS documentation](https://github.com/postcss/postcss#usage) for
+examples for your environment.
+
+## Contributors
+
+See [CONTRIBUTORS.md](https://github.com/cssnano/cssnano/blob/master/CONTRIBUTORS.md).
+
+## License
+
+MIT © [Ben Briggs](http://beneb.info)
+
+[postcss]: https://github.com/postcss/postcss
diff --git a/node_modules/postcss-normalize-positions/package.json b/node_modules/postcss-normalize-positions/package.json
new file mode 100644
index 00000000..11f84158
--- /dev/null
+++ b/node_modules/postcss-normalize-positions/package.json
@@ -0,0 +1,40 @@
+{
+ "name": "postcss-normalize-positions",
+ "version": "6.0.0",
+ "description": "Normalize keyword values for position into length values.",
+ "main": "src/index.js",
+ "types": "types/index.d.ts",
+ "files": [
+ "src",
+ "LICENSE-MIT",
+ "types"
+ ],
+ "keywords": [
+ "css",
+ "postcss",
+ "postcss-plugin"
+ ],
+ "license": "MIT",
+ "homepage": "https://github.com/cssnano/cssnano",
+ "author": {
+ "name": "Ben Briggs",
+ "email": "beneb.info@gmail.com",
+ "url": "http://beneb.info"
+ },
+ "repository": "cssnano/cssnano",
+ "dependencies": {
+ "postcss-value-parser": "^4.2.0"
+ },
+ "bugs": {
+ "url": "https://github.com/cssnano/cssnano/issues"
+ },
+ "engines": {
+ "node": "^14 || ^16 || >=18.0"
+ },
+ "devDependencies": {
+ "postcss": "^8.2.15"
+ },
+ "peerDependencies": {
+ "postcss": "^8.2.15"
+ }
+} \ No newline at end of file
diff --git a/node_modules/postcss-normalize-positions/src/index.js b/node_modules/postcss-normalize-positions/src/index.js
new file mode 100644
index 00000000..66e99061
--- /dev/null
+++ b/node_modules/postcss-normalize-positions/src/index.js
@@ -0,0 +1,248 @@
+'use strict';
+const valueParser = require('postcss-value-parser');
+
+const directionKeywords = new Set(['top', 'right', 'bottom', 'left', 'center']);
+
+const center = '50%';
+const horizontal = new Map([
+ ['right', '100%'],
+ ['left', '0'],
+]);
+const verticalValue = new Map([
+ ['bottom', '100%'],
+ ['top', '0'],
+]);
+const mathFunctions = new Set(['calc', 'min', 'max', 'clamp']);
+const variableFunctions = new Set(['var', 'env', 'constant']);
+/**
+ * @param {valueParser.Node} node
+ * @return {boolean}
+ */
+function isCommaNode(node) {
+ return node.type === 'div' && node.value === ',';
+}
+
+/**
+ * @param {valueParser.Node} node
+ * @return {boolean}
+ */
+function isVariableFunctionNode(node) {
+ if (node.type !== 'function') {
+ return false;
+ }
+
+ return variableFunctions.has(node.value.toLowerCase());
+}
+
+/**
+ * @param {valueParser.Node} node
+ * @return {boolean}
+ */
+function isMathFunctionNode(node) {
+ if (node.type !== 'function') {
+ return false;
+ }
+ return mathFunctions.has(node.value.toLowerCase());
+}
+
+/**
+ * @param {valueParser.Node} node
+ * @return {boolean}
+ */
+function isNumberNode(node) {
+ if (node.type !== 'word') {
+ return false;
+ }
+
+ const value = parseFloat(node.value);
+
+ return !isNaN(value);
+}
+
+/**
+ * @param {valueParser.Node} node
+ * @return {boolean}
+ */
+function isDimensionNode(node) {
+ if (node.type !== 'word') {
+ return false;
+ }
+
+ const parsed = valueParser.unit(node.value);
+
+ if (!parsed) {
+ return false;
+ }
+
+ return parsed.unit !== '';
+}
+
+/**
+ * @param {string} value
+ * @return {string}
+ */
+function transform(value) {
+ const parsed = valueParser(value);
+ /** @type {({start: number, end: number} | {start: null, end: null})[]} */
+ const ranges = [];
+ let rangeIndex = 0;
+ let shouldContinue = true;
+
+ parsed.nodes.forEach((node, index) => {
+ // After comma (`,`) follows next background
+ if (isCommaNode(node)) {
+ rangeIndex += 1;
+ shouldContinue = true;
+
+ return;
+ }
+
+ if (!shouldContinue) {
+ return;
+ }
+
+ // After separator (`/`) follows `background-size` values
+ // Avoid them
+ if (node.type === 'div' && node.value === '/') {
+ shouldContinue = false;
+
+ return;
+ }
+
+ if (!ranges[rangeIndex]) {
+ ranges[rangeIndex] = {
+ start: null,
+ end: null,
+ };
+ }
+
+ // Do not try to be processed `var and `env` function inside background
+ if (isVariableFunctionNode(node)) {
+ shouldContinue = false;
+ ranges[rangeIndex].start = null;
+ ranges[rangeIndex].end = null;
+
+ return;
+ }
+
+ const isPositionKeyword =
+ (node.type === 'word' &&
+ directionKeywords.has(node.value.toLowerCase())) ||
+ isDimensionNode(node) ||
+ isNumberNode(node) ||
+ isMathFunctionNode(node);
+
+ if (ranges[rangeIndex].start === null && isPositionKeyword) {
+ ranges[rangeIndex].start = index;
+ ranges[rangeIndex].end = index;
+
+ return;
+ }
+
+ if (ranges[rangeIndex].start !== null) {
+ if (node.type === 'space') {
+ return;
+ } else if (isPositionKeyword) {
+ ranges[rangeIndex].end = index;
+
+ return;
+ }
+
+ return;
+ }
+ });
+
+ ranges.forEach((range) => {
+ if (range.start === null) {
+ return;
+ }
+
+ const nodes = parsed.nodes.slice(range.start, range.end + 1);
+
+ if (nodes.length > 3) {
+ return;
+ }
+
+ const firstNode = nodes[0].value.toLowerCase();
+ const secondNode =
+ nodes[2] && nodes[2].value ? nodes[2].value.toLowerCase() : null;
+
+ if (nodes.length === 1 || secondNode === 'center') {
+ if (secondNode) {
+ nodes[2].value = nodes[1].value = '';
+ }
+
+ const map = new Map([...horizontal, ['center', center]]);
+
+ if (map.has(firstNode)) {
+ nodes[0].value = /** @type {string}*/ (map.get(firstNode));
+ }
+
+ return;
+ }
+
+ if (secondNode !== null) {
+ if (firstNode === 'center' && directionKeywords.has(secondNode)) {
+ nodes[0].value = nodes[1].value = '';
+
+ if (horizontal.has(secondNode)) {
+ nodes[2].value = /** @type {string} */ (horizontal.get(secondNode));
+ }
+ return;
+ }
+
+ if (horizontal.has(firstNode) && verticalValue.has(secondNode)) {
+ nodes[0].value = /** @type {string} */ (horizontal.get(firstNode));
+ nodes[2].value = /** @type {string} */ (verticalValue.get(secondNode));
+
+ return;
+ } else if (verticalValue.has(firstNode) && horizontal.has(secondNode)) {
+ nodes[0].value = /** @type {string} */ (horizontal.get(secondNode));
+ nodes[2].value = /** @type {string} */ (verticalValue.get(firstNode));
+
+ return;
+ }
+ }
+ });
+
+ return parsed.toString();
+}
+
+/**
+ * @type {import('postcss').PluginCreator<void>}
+ * @return {import('postcss').Plugin}
+ */
+function pluginCreator() {
+ return {
+ postcssPlugin: 'postcss-normalize-positions',
+
+ OnceExit(css) {
+ const cache = new Map();
+
+ css.walkDecls(
+ /^(background(-position)?|(-\w+-)?perspective-origin)$/i,
+ (decl) => {
+ const value = decl.value;
+
+ if (!value) {
+ return;
+ }
+
+ if (cache.has(value)) {
+ decl.value = cache.get(value);
+
+ return;
+ }
+
+ const result = transform(value);
+
+ decl.value = result;
+ cache.set(value, result);
+ }
+ );
+ },
+ };
+}
+
+pluginCreator.postcss = true;
+module.exports = pluginCreator;
diff --git a/node_modules/postcss-normalize-positions/types/index.d.ts b/node_modules/postcss-normalize-positions/types/index.d.ts
new file mode 100644
index 00000000..d2beadb6
--- /dev/null
+++ b/node_modules/postcss-normalize-positions/types/index.d.ts
@@ -0,0 +1,9 @@
+export = pluginCreator;
+/**
+ * @type {import('postcss').PluginCreator<void>}
+ * @return {import('postcss').Plugin}
+ */
+declare function pluginCreator(): import('postcss').Plugin;
+declare namespace pluginCreator {
+ const postcss: true;
+}