stylehacks 9.0.0 → 9.0.2

package/package.json

@@ -1,13 +1,16 @@
 {
   "name": "stylehacks",
-  "version": "9.0.0",
+  "version": "9.0.2",
   "description": "Detect/remove browser hacks from CSS files.",
   "exports": {
     ".": {
       "types": "./types/index.d.ts",
       "default": "./src/index.js"
-    }
+    },
+    "./package.json": "./package.json"
   },
+  "main": "./src/index.js",
+  "types": "./types/index.d.ts",
   "imports": {
     "#getBrowsersList": {
       "node": "./src/lib/computeBrowsersToSupport.js",

package/src/index.js

@@ -1,5 +1,7 @@
 import getBrowsersList from '#getBrowsersList';
-import plugins from './plugins/index.js';
+import plugins, { pluginsByNodeType } from './plugins/index.js';
+
+/** @import {Declaration} from 'postcss'; */
 
 /**
  * @import browserslist from 'browserslist'
@@ -56,14 +58,53 @@ 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;
 const moduleExports =

package/src/plugins/index.js

@@ -11,7 +11,7 @@ import slash9 from './slash9.js';
 import starHtml from './starHtml.js';
 import trailingSlashComma from './trailingSlashComma.js';
 
-export default [
+const plugins = [
   bodyEmpty,
   htmlCombinatorCommentBody,
   htmlFirstChild,
@@ -25,3 +25,23 @@ export default [
   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/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"AAIG,OAAQ,KAAA,YAAY,MAAM,cAAc,CACxC;AAAA,YAAwD,mBAAmB,GAAjE;IAAE,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,CAAqB;AAC3E,YAAgE,mBAAmB,GAAzE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC,CAAqB;AACnF,YAAwE,OAAO,GAArE;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,mBAAmB,GAAG,mBAAmB,CAAS;AA6DlF,QAAA,MAAM,aAAa,EACN,OAAO,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG;IAAC,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,SAAS,EAAE,IAAI,KAAK,OAAO,CAAA;CAEvG,CAAC;AAEJ,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":"AAMG,OAAQ,KAAA,YAAY,MAAM,cAAc,CACxC;AAAA,YAAwD,mBAAmB,GAAjE;IAAE,oBAAoB,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAAE,CAAqB;AAC3E,YAAgE,mBAAmB,GAAzE,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC,CAAqB;AACnF,YAAwE,OAAO,GAArE;IAAC,IAAI,CAAC,EAAE,OAAO,CAAA;CAAC,GAAG,mBAAmB,GAAG,mBAAmB,CAAS;AAoGlF,QAAA,MAAM,aAAa,EACN,OAAO,SAAS,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG;IAAC,MAAM,EAAE,CAAC,IAAI,EAAE,OAAO,SAAS,EAAE,IAAI,KAAK,OAAO,CAAA;CAEvG,CAAC;AAEJ,OAAO,EAAE,aAAa,IAAI,OAAO,EAAE,aAAa,IAAI,gBAAgB,EAAE,CAAC"}

package/types/plugins/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: ({
+declare const plugins: ({
     new (result?: import('postcss').Result | undefined): {
         detect(decl: import('postcss').Declaration): void;
         nodes: import("../plugin.js").NodeWithInfo[];
@@ -33,5 +33,12 @@ declare const _default: ({
         warn(): void;
     };
 })[];
-export default _default;
+/**
+ * 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 declare const pluginsByNodeType: Record<string, (typeof plugins)[number][]>;
+export default plugins;
 //# sourceMappingURL=index.d.ts.map

package/types/plugins/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.js"],"names":[],"mappings":"AAaA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAaZ,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,EAFpB,MAAM,CAAC,MAAM,EAAE,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,EAAE,CAYlD,CAAC;eAEa,OAAO"}