postcss-convert-values 6.0.4 → 6.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "postcss-convert-values",
-  "version": "6.0.4",
+  "version": "6.1.0",
   "description": "Convert values with PostCSS (e.g. ms -> s)",
   "main": "src/index.js",
   "types": "types/index.d.ts",

package/src/index.js

@@ -1,4 +1,5 @@
 'use strict';
+const { dirname } = require('path');
 const valueParser = require('postcss-value-parser');
 const browserslist = require('browserslist');
 const convert = require('./lib/convert.js');
@@ -114,6 +115,7 @@ function clampOpacity(node) {
 function shouldKeepZeroUnit(decl, browsers) {
   const { parent } = decl;
   const lowerCasedProp = decl.prop.toLowerCase();
+
   return (
     (decl.value.includes('%') &&
       keepZeroPercent.has(lowerCasedProp) &&
@@ -194,24 +196,39 @@ function transform(opts, browsers, decl) {
 }
 
 const plugin = 'postcss-convert-values';
+
 /**
- * @typedef {{precision: boolean | number, angle?: boolean, time?: boolean, length?: boolean} & browserslist.Options} Options */
+ * @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 }) {
-  const browsers = browserslist(null, {
-    stats: opts.stats,
-    path: __dirname,
-    env: opts.env,
-  });
-
   return {
     postcssPlugin: plugin,
-    OnceExit(css) {
-      css.walkDecls((decl) => transform(opts, browsers, decl));
+
+    /**
+     * @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));
+        },
+      };
     },
   };
 }

package/types/index.d.ts

@@ -1,6 +1,10 @@
 export = pluginCreator;
 /**
- * @typedef {{precision: boolean | number, angle?: boolean, time?: boolean, length?: boolean} & browserslist.Options} Options */
+ * @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
@@ -8,13 +12,20 @@ export = pluginCreator;
  */
 declare function pluginCreator(opts?: Options): import('postcss').Plugin;
 declare namespace pluginCreator {
-    export { postcss, Options };
+    export { postcss, ConvertOptions, AutoprefixerOptions, BrowserslistOptions, Options };
 }
 type Options = {
-    precision: boolean | number;
-    angle?: boolean;
-    time?: boolean;
-    length?: boolean;
-} & browserslist.Options;
+    precision?: false | number;
+} & ConvertOptions & AutoprefixerOptions & BrowserslistOptions;
 declare var postcss: true;
+type ConvertOptions = [number: number, unit: string, {
+    time?: boolean | undefined;
+    length?: boolean | undefined;
+    angle?: boolean | undefined;
+}][2];
+type AutoprefixerOptions = {
+    overrideBrowserslist?: string | string[];
+};
+type BrowserslistOptions = Pick<browserslist.Options, 'stats' | 'path' | 'env'>;
 import browserslist = require("browserslist");
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":";AAuMA;;;;;GAKG;AAEH;;;;GAIG;AACH,sCAHW,OAAO,GACN,OAAO,SAAS,EAAE,MAAM,CAwBnC;;;;eA9BY;IAAC,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;CAAC,GAAG,cAAc,GAAG,mBAAmB,GAAG,mBAAmB;;sBAHzF;;;;GAA2B,CAAC,CAAC;2BAC7B;IAAE,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE;2BAC5C,KAAK,oBAAoB,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC"}

package/types/lib/convert.d.ts

@@ -4,3 +4,4 @@ declare function _exports(number: number, unit: string, { time, length, angle }:
     angle?: boolean;
 }): string;
 export = _exports;
+//# sourceMappingURL=convert.d.ts.map

package/types/lib/convert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convert.d.ts","sourceRoot":"","sources":["../../src/lib/convert.js"],"names":[],"mappings":"AA+DiB,kCALN,MAAM,QACN,MAAM,2BACN;IAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,OAAO,CAAA;CAAC,GAClD,MAAM,CAuBjB"}