stylehacks 8.0.4 → 9.0.1

package/package.json

@@ -1,16 +1,12 @@
 {
   "name": "stylehacks",
-  "version": "8.0.4",
+  "version": "9.0.1",
   "description": "Detect/remove browser hacks from CSS files.",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
       "default": "./src/index.js"
-    },
-    "./src": "./src/index.js",
-    "./src/*": "./src/*.js",
-    "./src/*.js": "./src/*.js",
-    "./package.json": "./package.json"
+    }
   },
   "imports": {
     "#getBrowsersList": {
@@ -52,7 +48,7 @@
     "url": "https://github.com/cssnano/cssnano/issues"
   },
   "engines": {
-    "node": "^22.11.0 || ^24.11.0 || >=26.0"
+    "node": "^22.22.3 || ^24.15.0 || >=26.0"
   },
   "devDependencies": {
     "postcss": "^8.5.26"
@@ -60,6 +56,7 @@
   "peerDependencies": {
     "postcss": "^8.5.26"
   },
+  "type": "module",
   "scripts": {
     "test": "node --test"
   }

package/src/dictionary/browsers.js

@@ -1,9 +1,7 @@
-'use strict';
 const FF_2 = 'firefox 2';
 const IE_5_5 = 'ie 5.5';
 const IE_6 = 'ie 6';
 const IE_7 = 'ie 7';
 const IE_8 = 'ie 8';
 const OP_9 = 'opera 9';
-
-module.exports = { FF_2, IE_5_5, IE_6, IE_7, IE_8, OP_9 };
+export { FF_2, IE_5_5, IE_6, IE_7, IE_8, OP_9 };

package/src/dictionary/identifiers.js

@@ -1,7 +1,5 @@
-'use strict';
 const MEDIA_QUERY = 'media query';
 const PROPERTY = 'property';
 const SELECTOR = 'selector';
 const VALUE = 'value';
-
-module.exports = { MEDIA_QUERY, PROPERTY, SELECTOR, VALUE };
+export { MEDIA_QUERY, PROPERTY, SELECTOR, VALUE };

package/src/dictionary/postcss.js

@@ -1,6 +1,4 @@
-'use strict';
 const ATRULE = 'atrule';
 const DECL = 'decl';
 const RULE = 'rule';
-
-module.exports = { ATRULE, DECL, RULE };
+export { ATRULE, DECL, RULE };

package/src/dictionary/tags.js

@@ -1,5 +1,3 @@
-'use strict';
 const BODY = 'body';
 const HTML = 'html';
-
-module.exports = { BODY, HTML };
+export { BODY, HTML };

package/src/exists.js

@@ -1,13 +1,12 @@
-'use strict';
-
 /**
  * @param {import('postcss-selector-parser').Selector} selector
  * @param {number} index
  * @param {string} value
  * @return {boolean | undefined | ''}
  */
-module.exports = function exists(selector, index, value) {
+function exists(selector, index, value) {
   const node = selector.at(index);
-
   return node && node.value && node.value.toLowerCase() === value;
-};
+}
+
+export default exists;

package/src/index.js

@@ -1,6 +1,7 @@
-'use strict';
-const getBrowsersList = require('#getBrowsersList');
-const plugins = require('./plugins');
+import getBrowsersList from '#getBrowsersList';
+import plugins, { pluginsByNodeType } from './plugins/index.js';
+
+/** @import {Declaration} from 'postcss'; */
 
 /**
  * @import browserslist from 'browserslist'
@@ -30,7 +31,7 @@ function pluginCreator(opts = {}) {
          * @param {import('postcss').Root} css
          */
         OnceExit(css) {
-          /** @type {import('./plugin').Plugin[]} */
+          /** @type {import('./plugin.js').Plugin[]} */
           const processors = [];
           for (const Plugin of plugins) {
             const hack = new Plugin(result);
@@ -57,17 +58,58 @@ function pluginCreator(opts = {}) {
   };
 }
 
-/** @type {(node: import('postcss').Node) => boolean} */
-pluginCreator.detect = (node) => {
-  return plugins.some((Plugin) => {
+/** @type {WeakMap<Declaration, {before: string | undefined, prop: string, value: string, detected: boolean}>} */
+const declarationDetections = new WeakMap();
+
+/** @param {import('postcss').Node} node */
+function detect(node) {
+  if (node.type === 'decl') {
+    const declaration = /** @type {Declaration} */ (node);
+    const { before } = declaration.raws;
+    const cached = declarationDetections.get(declaration);
+
+    if (
+      cached &&
+      cached.before === before &&
+      cached.prop === declaration.prop &&
+      cached.value === declaration.value
+    ) {
+      return cached.detected;
+    }
+
+    const detected = pluginsByNodeType.decl.some((Plugin) => {
+      const hack = new Plugin();
+
+      return hack.any(node);
+    });
+    declarationDetections.set(declaration, {
+      before,
+      prop: declaration.prop,
+      value: declaration.value,
+      detected,
+    });
+
+    return detected;
+  }
+
+  const nodePlugins = pluginsByNodeType[node.type];
+  if (!nodePlugins) {
+    return false;
+  }
+
+  return nodePlugins.some((Plugin) => {
     const hack = new Plugin();
 
     return hack.any(node);
   });
-};
+}
+
+pluginCreator.detect = detect;
 
 pluginCreator.postcss = true;
-module.exports =
+const moduleExports =
   /** @type {import('postcss').PluginCreator<Options> & {detect: (node: import('postcss').Node) => boolean}} */ (
     pluginCreator
   );
+
+export { moduleExports as default, moduleExports as 'module.exports' };

package/src/isMixin.js

@@ -1,15 +1,15 @@
-'use strict';
 /**
  * @param {import('postcss').Rule} node
  * @return {boolean}
  */
-module.exports = function isMixin(node) {
+function isMixin(node) {
   const { selector } = node;
 
   // If the selector ends with a ':' it is likely a part of a custom mixin.
   if (!selector || selector[selector.length - 1] === ':') {
     return true;
   }
-
   return false;
-};
+}
+
+export default isMixin;

package/src/lib/computeBrowsersToSupport.js

@@ -1,7 +1,8 @@
-'use strict';
+import { fileURLToPath } from 'node:url';
+import browserslist from 'browserslist';
+import nodepath from 'node:path';
 
-const browserslist = require('browserslist');
-const { dirname } = require('node:path');
+const { dirname } = nodepath;
 
 /**
  *
@@ -12,16 +13,13 @@ const { dirname } = require('node:path');
  * @param {browserslist.Options["env"]} [env]
  * @returns {string[]}
  */
-module.exports = function computeBrowsersToSupport(
-  options,
-  stats,
-  from,
-  file,
-  env
-) {
+function computeBrowsersToSupport(options, stats, from, file, env) {
   return browserslist(options.overrideBrowserslist, {
     stats: options.stats || stats,
-    path: options.path || dirname(from || file || __filename),
+    path:
+      options.path || dirname(from || file || fileURLToPath(import.meta.url)),
     env: options.env || env,
   });
-};
+}
+
+export default computeBrowsersToSupport;

package/src/lib/getBrowsersForWebBuild.js

@@ -1,6 +1,4 @@
-'use strict';
-
-module.exports = function () {
+export default (function () {
   return [
     'and_chr 150',
     'and_ff 152',
@@ -32,4 +30,4 @@ module.exports = function () {
     'samsung 30',
     'samsung 29',
   ];
-};
+});

package/src/plugin.js

@@ -1,21 +1,22 @@
-'use strict';
 /**
- * @typedef {object} Plugin
- * @prop {Set<string>} targets
- * @prop {Set<string>} nodeTypes
- * @prop {(node: import('postcss').Node) => void} detectAndResolve
- * @prop {(node: import('postcss').Node) => void} detectAndWarn
+ * @typedef {import('postcss').Node & {
+ *   _stylehacks: {
+ *     message: string,
+ *     browsers: Set<string>,
+ *     identifier: string,
+ *     hack: string
+ *   }
+ * }} NodeWithInfo
  */
 
-/**
- * @typedef {import('postcss').Node & {_stylehacks: {
-                                          message: string,
-                                          browsers: Set<string>,
-                                          identifier: string,
-                                          hack: string }}} NodeWithInfo
- */
-
-module.exports = class BasePlugin {
+export default (class BasePlugin {
+  /**
+   * @typedef {object} Plugin
+   * @prop {Set<string>} targets
+   * @prop {Set<string>} nodeTypes
+   * @prop {(node: import('postcss').Node) => void} detectAndResolve
+   * @prop {(node: import('postcss').Node) => void} detectAndWarn
+   */
   /**
    * @param {string[]} targets
    * @param {string[]} nodeTypes
@@ -107,4 +108,4 @@ module.exports = class BasePlugin {
       );
     }
   }
-};
+});

package/src/plugins/bodyEmpty.js

@@ -1,14 +1,13 @@
-'use strict';
-const parser = require('postcss-selector-parser');
-const exists = require('../exists');
-const isMixin = require('../isMixin');
-const BasePlugin = require('../plugin');
-const { FF_2 } = require('../dictionary/browsers');
-const { SELECTOR } = require('../dictionary/identifiers');
-const { RULE } = require('../dictionary/postcss');
-const { BODY } = require('../dictionary/tags');
+import parser from 'postcss-selector-parser';
+import exists from '../exists.js';
+import isMixin from '../isMixin.js';
+import BasePlugin from '../plugin.js';
+import { FF_2 } from '../dictionary/browsers.js';
+import { SELECTOR } from '../dictionary/identifiers.js';
+import { RULE } from '../dictionary/postcss.js';
+import { BODY } from '../dictionary/tags.js';
 
-module.exports = class BodyEmpty extends BasePlugin {
+export default (class BodyEmpty extends BasePlugin {
   /** @param {import('postcss').Result} result */
   constructor(result) {
     super([FF_2], [RULE], result);
@@ -46,4 +45,4 @@ module.exports = class BodyEmpty extends BasePlugin {
       });
     };
   }
-};
+});

package/src/plugins/htmlCombinatorCommentBody.js

@@ -1,14 +1,13 @@
-'use strict';
-const parser = require('postcss-selector-parser');
-const exists = require('../exists');
-const isMixin = require('../isMixin');
-const BasePlugin = require('../plugin');
-const { IE_5_5, IE_6, IE_7 } = require('../dictionary/browsers');
-const { SELECTOR } = require('../dictionary/identifiers');
-const { RULE } = require('../dictionary/postcss');
-const { BODY, HTML } = require('../dictionary/tags');
+import parser from 'postcss-selector-parser';
+import exists from '../exists.js';
+import isMixin from '../isMixin.js';
+import BasePlugin from '../plugin.js';
+import { IE_5_5, IE_6, IE_7 } from '../dictionary/browsers.js';
+import { SELECTOR } from '../dictionary/identifiers.js';
+import { RULE } from '../dictionary/postcss.js';
+import { BODY, HTML } from '../dictionary/tags.js';
 
-module.exports = class HtmlCombinatorCommentBody extends BasePlugin {
+export default (class HtmlCombinatorCommentBody extends BasePlugin {
   /** @param {import('postcss').Result} result */
   constructor(result) {
     super([IE_5_5, IE_6, IE_7], [RULE], result);
@@ -51,4 +50,4 @@ module.exports = class HtmlCombinatorCommentBody extends BasePlugin {
       });
     };
   }
-};
+});

package/src/plugins/htmlFirstChild.js

@@ -1,14 +1,13 @@
-'use strict';
-const parser = require('postcss-selector-parser');
-const exists = require('../exists');
-const isMixin = require('../isMixin');
-const BasePlugin = require('../plugin');
-const { OP_9 } = require('../dictionary/browsers');
-const { SELECTOR } = require('../dictionary/identifiers');
-const { RULE } = require('../dictionary/postcss');
-const { HTML } = require('../dictionary/tags');
+import parser from 'postcss-selector-parser';
+import exists from '../exists.js';
+import isMixin from '../isMixin.js';
+import BasePlugin from '../plugin.js';
+import { OP_9 } from '../dictionary/browsers.js';
+import { SELECTOR } from '../dictionary/identifiers.js';
+import { RULE } from '../dictionary/postcss.js';
+import { HTML } from '../dictionary/tags.js';
 
-module.exports = class HtmlFirstChild extends BasePlugin {
+export default (class HtmlFirstChild extends BasePlugin {
   /** @param {import('postcss').Result} result */
   constructor(result) {
     super([OP_9], [RULE], result);
@@ -47,4 +46,4 @@ module.exports = class HtmlFirstChild extends BasePlugin {
       });
     };
   }
-};
+});

package/src/plugins/important.js

@@ -1,9 +1,8 @@
-'use strict';
-const BasePlugin = require('../plugin');
-const { IE_5_5, IE_6, IE_7 } = require('../dictionary/browsers');
-const { DECL } = require('../dictionary/postcss');
+import BasePlugin from '../plugin.js';
+import { IE_5_5, IE_6, IE_7 } from '../dictionary/browsers.js';
+import { DECL } from '../dictionary/postcss.js';
 
-module.exports = class Important extends BasePlugin {
+export default (class Important extends BasePlugin {
   /** @param {import('postcss').Result=} result */
   constructor(result) {
     super([IE_5_5, IE_6, IE_7], [DECL], result);
@@ -22,4 +21,4 @@ module.exports = class Important extends BasePlugin {
       });
     }
   }
-};
+});

package/src/plugins/index.js

@@ -1,18 +1,17 @@
-'use strict';
-const bodyEmpty = require('./bodyEmpty');
-const htmlCombinatorCommentBody = require('./htmlCombinatorCommentBody');
-const htmlFirstChild = require('./htmlFirstChild');
-const important = require('./important');
-const leadingStar = require('./leadingStar');
-const leadingUnderscore = require('./leadingUnderscore');
-const mediaSlash0 = require('./mediaSlash0');
-const mediaSlash0Slash9 = require('./mediaSlash0Slash9');
-const mediaSlash9 = require('./mediaSlash9');
-const slash9 = require('./slash9');
-const starHtml = require('./starHtml');
-const trailingSlashComma = require('./trailingSlashComma');
+import bodyEmpty from './bodyEmpty.js';
+import htmlCombinatorCommentBody from './htmlCombinatorCommentBody.js';
+import htmlFirstChild from './htmlFirstChild.js';
+import important from './important.js';
+import leadingStar from './leadingStar.js';
+import leadingUnderscore from './leadingUnderscore.js';
+import mediaSlash0 from './mediaSlash0.js';
+import mediaSlash0Slash9 from './mediaSlash0Slash9.js';
+import mediaSlash9 from './mediaSlash9.js';
+import slash9 from './slash9.js';
+import starHtml from './starHtml.js';
+import trailingSlashComma from './trailingSlashComma.js';
 
-module.exports = [
+const plugins = [
   bodyEmpty,
   htmlCombinatorCommentBody,
   htmlFirstChild,
@@ -26,3 +25,23 @@ module.exports = [
   starHtml,
   trailingSlashComma,
 ];
+
+/**
+ * Detectors grouped by the PostCSS node types they accept. `detect()` uses
+ * this to avoid constructing detectors that cannot inspect the given node.
+ *
+ * @type {Record<string, (typeof plugins)[number][]>}
+ */
+export const pluginsByNodeType = {
+  atrule: [leadingStar, mediaSlash0, mediaSlash0Slash9, mediaSlash9],
+  decl: [important, leadingStar, leadingUnderscore, slash9],
+  rule: [
+    bodyEmpty,
+    htmlCombinatorCommentBody,
+    htmlFirstChild,
+    starHtml,
+    trailingSlashComma,
+  ],
+};
+
+export default plugins;

package/src/plugins/leadingStar.js

@@ -1,14 +1,12 @@
-'use strict';
-const BasePlugin = require('../plugin');
-const { IE_5_5, IE_6, IE_7 } = require('../dictionary/browsers');
-const { PROPERTY } = require('../dictionary/identifiers');
-const { ATRULE, DECL } = require('../dictionary/postcss');
+import BasePlugin from '../plugin.js';
+import { IE_5_5, IE_6, IE_7 } from '../dictionary/browsers.js';
+import { PROPERTY } from '../dictionary/identifiers.js';
+import { ATRULE, DECL } from '../dictionary/postcss.js';
 
 /** @import {Declaration, AtRule} from 'postcss'; */
 
 const hacks = '!_$_&_*_)_=_%_+_,_._/_`_]_#_~_?_:_|'.split('_');
-
-module.exports = class LeadingStar extends BasePlugin {
+export default (class LeadingStar extends BasePlugin {
   /** @param {import('postcss').Result=} result */
   constructor(result) {
     super([IE_5_5, IE_6, IE_7], [ATRULE, DECL], result);
@@ -54,4 +52,4 @@ module.exports = class LeadingStar extends BasePlugin {
       }
     }
   }
-};
+});

package/src/plugins/leadingUnderscore.js

@@ -1,8 +1,7 @@
-'use strict';
-const BasePlugin = require('../plugin');
-const { IE_6 } = require('../dictionary/browsers');
-const { PROPERTY } = require('../dictionary/identifiers');
-const { DECL } = require('../dictionary/postcss');
+import BasePlugin from '../plugin.js';
+import { IE_6 } from '../dictionary/browsers.js';
+import { PROPERTY } from '../dictionary/identifiers.js';
+import { DECL } from '../dictionary/postcss.js';
 
 const vendorPrefixRegex = /^(-\w+-)/;
 /**
@@ -17,8 +16,7 @@ function vendorPrefix(prop) {
 
   return '';
 }
-
-module.exports = class LeadingUnderscore extends BasePlugin {
+export default (class LeadingUnderscore extends BasePlugin {
   /** @param {import('postcss').Result=} result */
   constructor(result) {
     super([IE_6], [DECL], result);
@@ -49,4 +47,4 @@ module.exports = class LeadingUnderscore extends BasePlugin {
       });
     }
   }
-};
+});

package/src/plugins/mediaSlash0.js

@@ -1,10 +1,9 @@
-'use strict';
-const BasePlugin = require('../plugin');
-const { IE_8 } = require('../dictionary/browsers');
-const { MEDIA_QUERY } = require('../dictionary/identifiers');
-const { ATRULE } = require('../dictionary/postcss');
+import BasePlugin from '../plugin.js';
+import { IE_8 } from '../dictionary/browsers.js';
+import { MEDIA_QUERY } from '../dictionary/identifiers.js';
+import { ATRULE } from '../dictionary/postcss.js';
 
-module.exports = class MediaSlash0 extends BasePlugin {
+export default (class MediaSlash0 extends BasePlugin {
   /** @param {import('postcss').Result} result */
   constructor(result) {
     super([IE_8], [ATRULE], result);
@@ -23,4 +22,4 @@ module.exports = class MediaSlash0 extends BasePlugin {
       });
     }
   }
-};
+});

package/src/plugins/mediaSlash0Slash9.js

@@ -1,10 +1,9 @@
-'use strict';
-const BasePlugin = require('../plugin');
-const { IE_5_5, IE_6, IE_7, IE_8 } = require('../dictionary/browsers');
-const { MEDIA_QUERY } = require('../dictionary/identifiers');
-const { ATRULE } = require('../dictionary/postcss');
+import BasePlugin from '../plugin.js';
+import { IE_5_5, IE_6, IE_7, IE_8 } from '../dictionary/browsers.js';
+import { MEDIA_QUERY } from '../dictionary/identifiers.js';
+import { ATRULE } from '../dictionary/postcss.js';
 
-module.exports = class MediaSlash0Slash9 extends BasePlugin {
+export default (class MediaSlash0Slash9 extends BasePlugin {
   /** @param {import('postcss').Result} result */
   constructor(result) {
     super([IE_5_5, IE_6, IE_7, IE_8], [ATRULE], result);
@@ -24,4 +23,4 @@ module.exports = class MediaSlash0Slash9 extends BasePlugin {
       });
     }
   }
-};
+});

package/src/plugins/mediaSlash9.js

@@ -1,10 +1,9 @@
-'use strict';
-const BasePlugin = require('../plugin');
-const { IE_5_5, IE_6, IE_7 } = require('../dictionary/browsers');
-const { MEDIA_QUERY } = require('../dictionary/identifiers');
-const { ATRULE } = require('../dictionary/postcss');
+import BasePlugin from '../plugin.js';
+import { IE_5_5, IE_6, IE_7 } from '../dictionary/browsers.js';
+import { MEDIA_QUERY } from '../dictionary/identifiers.js';
+import { ATRULE } from '../dictionary/postcss.js';
 
-module.exports = class MediaSlash9 extends BasePlugin {
+export default (class MediaSlash9 extends BasePlugin {
   /** @param {import('postcss').Result=} result */
   constructor(result) {
     super([IE_5_5, IE_6, IE_7], [ATRULE], result);
@@ -24,4 +23,4 @@ module.exports = class MediaSlash9 extends BasePlugin {
       });
     }
   }
-};
+});

package/src/plugins/slash9.js

@@ -1,10 +1,9 @@
-'use strict';
-const BasePlugin = require('../plugin.js');
-const { IE_6, IE_7, IE_8 } = require('../dictionary/browsers');
-const { VALUE } = require('../dictionary/identifiers');
-const { DECL } = require('../dictionary/postcss');
+import BasePlugin from '../plugin.js';
+import { IE_6, IE_7, IE_8 } from '../dictionary/browsers.js';
+import { VALUE } from '../dictionary/identifiers.js';
+import { DECL } from '../dictionary/postcss.js';
 
-module.exports = class Slash9 extends BasePlugin {
+export default (class Slash9 extends BasePlugin {
   /** @param {import('postcss').Result=} result */
   constructor(result) {
     super([IE_6, IE_7, IE_8], [DECL], result);
@@ -23,4 +22,4 @@ module.exports = class Slash9 extends BasePlugin {
       });
     }
   }
-};
+});

package/src/plugins/starHtml.js

@@ -1,14 +1,13 @@
-'use strict';
-const parser = require('postcss-selector-parser');
-const exists = require('../exists');
-const isMixin = require('../isMixin');
-const BasePlugin = require('../plugin');
-const { IE_5_5, IE_6 } = require('../dictionary/browsers');
-const { SELECTOR } = require('../dictionary/identifiers');
-const { RULE } = require('../dictionary/postcss');
-const { HTML } = require('../dictionary/tags');
+import parser from 'postcss-selector-parser';
+import exists from '../exists.js';
+import isMixin from '../isMixin.js';
+import BasePlugin from '../plugin.js';
+import { IE_5_5, IE_6 } from '../dictionary/browsers.js';
+import { SELECTOR } from '../dictionary/identifiers.js';
+import { RULE } from '../dictionary/postcss.js';
+import { HTML } from '../dictionary/tags.js';
 
-module.exports = class StarHtml extends BasePlugin {
+export default (class StarHtml extends BasePlugin {
   /** @param {import('postcss').Result=} result */
   constructor(result) {
     super([IE_5_5, IE_6], [RULE], result);
@@ -47,4 +46,4 @@ module.exports = class StarHtml extends BasePlugin {
       });
     };
   }
-};
+});