summaryrefslogtreecommitdiff
path: root/node_modules/postcss-convert-values/src
diff options
context:
space:
mode:
Diffstat (limited to 'node_modules/postcss-convert-values/src')
-rw-r--r--node_modules/postcss-convert-values/src/index.js237
-rw-r--r--node_modules/postcss-convert-values/src/lib/convert.js85
2 files changed, 0 insertions, 322 deletions
diff --git a/node_modules/postcss-convert-values/src/index.js b/node_modules/postcss-convert-values/src/index.js
deleted file mode 100644
index 85755753..00000000
--- a/node_modules/postcss-convert-values/src/index.js
+++ /dev/null
@@ -1,237 +0,0 @@
-'use strict';
-const { dirname } = require('path');
-const valueParser = require('postcss-value-parser');
-const browserslist = require('browserslist');
-const convert = require('./lib/convert.js');
-
-const LENGTH_UNITS = new Set([
- 'em',
- 'ex',
- 'ch',
- 'rem',
- 'vw',
- 'vh',
- 'vmin',
- 'vmax',
- 'cm',
- 'mm',
- 'q',
- 'in',
- 'pt',
- 'pc',
- 'px',
-]);
-
-// These properties only accept percentages, so no point in trying to transform
-const notALength = new Set([
- 'descent-override',
- 'ascent-override',
- 'font-stretch',
- 'size-adjust',
- 'line-gap-override',
-]);
-
-// Can't change the unit on these properties when they're 0
-const keepWhenZero = new Set([
- 'stroke-dashoffset',
- 'stroke-width',
- 'line-height',
-]);
-
-// Can't remove the % on these properties when they're 0 on IE 11
-const keepZeroPercent = new Set(['max-height', 'height', 'min-width']);
-
-/**
- * Numbers without digits after the dot are technically invalid,
- * but in that case css-value-parser returns the dot as part of the unit,
- * so we use this to remove the dot.
- *
- * @param {string} item
- * @return {string}
- */
-function stripLeadingDot(item) {
- if (item.charCodeAt(0) === '.'.charCodeAt(0)) {
- return item.slice(1);
- } else {
- return item;
- }
-}
-
-/**
- * @param {valueParser.Node} node
- * @param {Options} opts
- * @param {boolean} keepZeroUnit
- * @return {void}
- */
-function parseWord(node, opts, keepZeroUnit) {
- const pair = valueParser.unit(node.value);
- if (pair) {
- const num = Number(pair.number);
- const u = stripLeadingDot(pair.unit);
- if (num === 0) {
- node.value =
- 0 +
- (keepZeroUnit || (!LENGTH_UNITS.has(u.toLowerCase()) && u !== '%')
- ? u
- : '');
- } else {
- node.value = convert(num, u, opts);
-
- if (
- typeof opts.precision === 'number' &&
- u.toLowerCase() === 'px' &&
- pair.number.includes('.')
- ) {
- const precision = Math.pow(10, opts.precision);
- node.value =
- Math.round(parseFloat(node.value) * precision) / precision + u;
- }
- }
- }
-}
-
-/**
- * @param {valueParser.WordNode} node
- * @return {void}
- */
-function clampOpacity(node) {
- const pair = valueParser.unit(node.value);
- if (!pair) {
- return;
- }
- let num = Number(pair.number);
- if (num > 1) {
- node.value = pair.unit === '%' ? num + pair.unit : 1 + pair.unit;
- } else if (num < 0) {
- node.value = 0 + pair.unit;
- }
-}
-
-/**
- * @param {import('postcss').Declaration} decl
- * @param {string[]} browsers
- * @return {boolean}
- */
-function shouldKeepZeroUnit(decl, browsers) {
- const { parent } = decl;
- const lowerCasedProp = decl.prop.toLowerCase();
-
- return (
- (decl.value.includes('%') &&
- keepZeroPercent.has(lowerCasedProp) &&
- browsers.includes('ie 11')) ||
- (lowerCasedProp === 'stroke-dasharray' &&
- parent &&
- parent.parent &&
- parent.parent.type === 'atrule' &&
- /** @type {import('postcss').AtRule} */
- (parent.parent).name.toLowerCase() === 'keyframes') ||
- (lowerCasedProp === 'initial-value' &&
- parent &&
- parent.type === 'atrule' &&
- /** @type {import('postcss').AtRule} */
- (parent).name === 'property' &&
- /** @type {import('postcss').AtRule} */
- (parent).nodes !== undefined &&
- /** @type {import('postcss').AtRule} */
- (parent).nodes.some(
- (node) =>
- node.type === 'decl' &&
- node.prop.toLowerCase() === 'syntax' &&
- node.value === "'<percentage>'"
- )) ||
- keepWhenZero.has(lowerCasedProp)
- );
-}
-/**
- * @param {Options} opts
- * @param {string[]} browsers
- * @param {import('postcss').Declaration} decl
- * @return {void}
- */
-function transform(opts, browsers, decl) {
- const lowerCasedProp = decl.prop.toLowerCase();
- if (
- lowerCasedProp.includes('flex') ||
- lowerCasedProp.indexOf('--') === 0 ||
- notALength.has(lowerCasedProp)
- ) {
- return;
- }
-
- decl.value = valueParser(decl.value)
- .walk((node) => {
- const lowerCasedValue = node.value.toLowerCase();
-
- if (node.type === 'word') {
- parseWord(node, opts, shouldKeepZeroUnit(decl, browsers));
- if (
- lowerCasedProp === 'opacity' ||
- lowerCasedProp === 'shape-image-threshold'
- ) {
- clampOpacity(node);
- }
- } else if (node.type === 'function') {
- if (
- lowerCasedValue === 'calc' ||
- lowerCasedValue === 'min' ||
- lowerCasedValue === 'max' ||
- lowerCasedValue === 'clamp' ||
- lowerCasedValue === 'hsl' ||
- lowerCasedValue === 'hsla'
- ) {
- valueParser.walk(node.nodes, (n) => {
- if (n.type === 'word') {
- parseWord(n, opts, true);
- }
- });
- return false;
- }
- if (lowerCasedValue === 'url') {
- return false;
- }
- }
- })
- .toString();
-}
-
-const plugin = 'postcss-convert-values';
-
-/**
- * @typedef {Parameters<typeof convert>[2]} ConvertOptions
- * @typedef {{ overrideBrowserslist?: string | string[] }} AutoprefixerOptions
- * @typedef {Pick<browserslist.Options, 'stats' | 'path' | 'env'>} BrowserslistOptions
- * @typedef {{precision?: false | number} & ConvertOptions & AutoprefixerOptions & BrowserslistOptions} Options
- */
-
-/**
- * @type {import('postcss').PluginCreator<Options>}
- * @param {Options} opts
- * @return {import('postcss').Plugin}
- */
-function pluginCreator(opts = { precision: false }) {
- return {
- postcssPlugin: plugin,
-
- /**
- * @param {import('postcss').Result & {opts: BrowserslistOptions & {file?: string}}} result
- */
- prepare(result) {
- const { stats, env, from, file } = result.opts || {};
- const browsers = browserslist(opts.overrideBrowserslist, {
- stats: opts.stats || stats,
- path: opts.path || dirname(from || file || __filename),
- env: opts.env || env,
- });
-
- return {
- OnceExit(css) {
- css.walkDecls((decl) => transform(opts, browsers, decl));
- },
- };
- },
- };
-}
-
-pluginCreator.postcss = true;
-module.exports = pluginCreator;
diff --git a/node_modules/postcss-convert-values/src/lib/convert.js b/node_modules/postcss-convert-values/src/lib/convert.js
deleted file mode 100644
index aa6555cf..00000000
--- a/node_modules/postcss-convert-values/src/lib/convert.js
+++ /dev/null
@@ -1,85 +0,0 @@
-'use strict';
-const lengthConv = new Map([
- ['in', 96],
- ['px', 1],
- ['pt', 4 / 3],
- ['pc', 16],
-]);
-
-const timeConv = new Map([
- ['s', 1000],
- ['ms', 1],
-]);
-
-const angleConv = new Map([
- ['turn', 360],
- ['deg', 1],
-]);
-/**
- * @param {number} number
- * @return {string}
- */
-function dropLeadingZero(number) {
- const value = String(number);
-
- if (number % 1) {
- if (value[0] === '0') {
- return value.slice(1);
- }
-
- if (value[0] === '-' && value[1] === '0') {
- return '-' + value.slice(2);
- }
- }
-
- return value;
-}
-/**
- * @param {number} number
- * @param {string} originalUnit
- * @param {lengthConv | timeConv | angleConv} conversions
- * @return {string}
- */
-function transform(number, originalUnit, conversions) {
- let conversionUnits = [...conversions.keys()].filter((u) => {
- return originalUnit !== u;
- });
-
- const base = number * /** @type {number} */ (conversions.get(originalUnit));
-
- return conversionUnits
- .map(
- (u) =>
- dropLeadingZero(base / /** @type {number} */ (conversions.get(u))) + u
- )
- .reduce((a, b) => (a.length < b.length ? a : b));
-}
-
-/**
- * @param {number} number
- * @param {string} unit
- * @param {{time?: boolean, length?: boolean, angle?: boolean}} options
- * @return {string}
- */
-module.exports = function (number, unit, { time, length, angle }) {
- let value = dropLeadingZero(number) + (unit ? unit : '');
- let converted;
- const lowerCaseUnit = unit.toLowerCase();
- if (length !== false && lengthConv.has(lowerCaseUnit)) {
- converted = transform(number, lowerCaseUnit, lengthConv);
- }
-
- if (time !== false && timeConv.has(lowerCaseUnit)) {
- converted = transform(number, lowerCaseUnit, timeConv);
- }
-
- if (angle !== false && angleConv.has(lowerCaseUnit)) {
- converted = transform(number, lowerCaseUnit, angleConv);
- }
-
- if (converted && converted.length < value.length) {
- value = converted;
- }
-
- return value;
-};